Начало работы с SiteSkyline Optimizer

Добро пожаловать в SiteSkyline Optimizer! Это руководство поможет вам установить плагин, настроить первоначальные настройки и начать ускорять ваш сайт WordPress или WooCommerce всего за несколько минут.

Прежде чем начать

Перед установкой SiteSkyline Optimizer убедитесь, что ваш веб-сайт соответствует следующим требованиям:

• Самостоятельный веб-сайт WordPress.
• Совместимый хостинг с поддерживаемой версией PHP.

Установка

Выполните следующие простые шаги, чтобы установить плагин на свой сайт:

1. Войдите в свою панель управления WordPress.
2. Перейдите в меню Плагины и нажмите Добавить новый.
3. Искать Оптимизатор SiteSkyline.
4. Нажмите Установить сейчас а затем нажмите Активировать после завершения установки.

Первоначальная настройка

После активации вы сможете получить доступ ко всем функциям через недавно добавленное меню настроек.

1. Перейдите в меню «Настройки» на панели управления WordPress и найдите параметры плагина.
2. Начните в Общий вкладка для настройки скорости ядра.
3. Просмотрите доступные переключатели функций, чтобы удалить ненужное раздувание сайта, очистить вывод и обрезать дополнительные функции.
4. Нажмите Сохранить изменения внизу страницы, чтобы применить новые настройки.

Ваши первые шаги

Теперь, когда ваш плагин активен, попробуйте изучить эти две ключевые функции, чтобы сразу увидеть повышение производительности:

1. Ускорьте доставку страниц

1. Перейдите в меню «Настройки» и выберите пункт Кэш страниц вкладка.
2. Переключить Включить кэш страниц переключатель, чтобы активировать статическое кэширование HTML-страниц.
3. Настройте параметры срока действия и правила исключения, затем нажмите Сохранить изменения.

2. Оптимизируйте свои изображения

1. Перейдите в меню «Настройки» и выберите пункт ВебП вкладка.
2. Переключать Включить преобразование WebP начать переводить тяжелые загрузки изображений в более легкие и быстрые форматы.
3. Выберите предпочтительный метод конвертации и нажмите Массовое преобразование для оптимизации существующей библиотеки изображений.

Оптимизировать панель мониторинга

Что он делает

Панель оптимизации дает вам быстрый обзор состояния производительности вашего сайта и состояния кэша. Он также обеспечивает быстрые триггеры оптимизации, чтобы вы могли обеспечить бесперебойную работу вашего сайта.

Как это использовать

1. Перейдите в раздел «Оптимизация» и выберите вкладку «Оптимизация».
2. Просмотрите текущий статус производительности вашего сайта.
3. Нажмите любое из быстрых действий по оптимизации, чтобы улучшить свой сайт.

Settings & Options

Tips & Best Practices

• Регулярно проверяйте панель оптимизации, чтобы быть в курсе текущего состояния производительности вашего сайта.
• Используйте триггеры быстрой оптимизации всякий раз, когда вам нужно выполнить быструю настройку производительности.
• Объедините обзоры на информационной панели с функциями управления кэшем и менеджером активов, чтобы получить полноценную процедуру повышения скорости сайта.

Анализатор активов

Что он делает

Анализатор активов помогает вам проверять скрипты и стили, загруженные на ваш сайт. Просматривая эти ресурсы страниц, вы можете легко определить новые возможности оптимизации для своего сайта.

Как это использовать

1. Перейдите в раздел «Менеджер активов».
2. Выберите вкладку «Анализатор».
3. Запустите анализ активов.
4. Просмотрите загруженные файлы CSS и JavaScript для каждой страницы.

Settings & Options

Tips & Best Practices

• Регулярно выполняйте сканирование, чтобы отслеживать новые скрипты и стили, добавленные на ваши страницы.
• Используйте данные, полученные в результате анализа, для выявления возможностей оптимизации.
• Просмотрите загруженные файлы CSS и JavaScript на каждой странице, чтобы лучше понять производительность вашего сайта.

Правила активов

Что он делает

Настройте правила условной загрузки для скриптов и стилей, чтобы исключить из очереди или отключить ресурсы на определенных страницах или во всем мире. Это поможет вам удалить ненужные скрипты и стили с определенных страниц, чтобы уменьшить вес страницы.

Как это использовать

1. Перейдите в раздел Asset Manager и откройте вкладку «Правила».
2. Добавьте новое правило для активов.
3. Выберите дескрипторы, которые хотите отключить.
4. Сохраните правила активов.

Settings & Options

Tips & Best Practices

• Используйте правила условной загрузки, чтобы удалить ненужные скрипты и стили с определенных страниц.
• Целевые ресурсы, которые нужно отключить либо глобально, либо на определенных URL-адресах и типах сообщений, чтобы уменьшить вес страницы.
• Обеспечьте эффективную работу ваших страниц, удалив ненужный код там, где он не нужен.

Media & Image Optimizer

Что он делает

The Media & Image Optimizer helps you control image loading behavior, responsive image attributes, and lazy loading priorities. Use this feature to adjust your image rendering and loading settings to improve your page performance.

Как это использовать

1. Перейдите в раздел «Медиа» и перейдите на вкладку «Изображения».
2. Включите настройки отложенной загрузки и настройте параметры оптимизации изображения.
3. Нажмите кнопку «Сохранить», чтобы сохранить настройки мультимедиа.

Settings & Options

Tips & Best Practices

• Настройте параметры рендеринга и загрузки изображений, чтобы улучшить наибольшую содержательную отрисовку (LCP).
• Используйте настройку «Отложенная загрузка», чтобы выбрать между встроенной или отложенной загрузкой изображений на основе сценария.
• Настройте приоритет выборки и предварительную загрузку специально для изображений, расположенных выше сгиба.

Преобразование изображений WebP

Что он делает

Конвертируйте загруженные изображения JPEG и PNG в современный формат WebP для более быстрой доставки изображений. Это помогает вашему веб-сайту загружаться быстрее и обеспечивает более плавную работу посетителей.

Как это использовать

1. Перейдите в раздел «Медиа» и выберите вкладку WebP.
2. Включите автоматическое преобразование, чтобы новые загрузки обрабатывались автоматически, или выберите предпочитаемый режим создания WebP.
3. Запустите массовое преобразование, чтобы обновить существующую библиотеку изображений.
4. Нажмите кнопку «Сохранить», чтобы сохранить настройки WebP.

Settings & Options

Tips & Best Practices

• Включите автоматическое преобразование, чтобы сэкономить время и вам не придется вручную конвертировать каждое новое загружаемое изображение.
• Запустите инструмент массового преобразования, чтобы быстро обновить всю существующую библиотеку изображений одновременно.
• Поэкспериментируйте с доступными режимами генерации, чтобы найти вариант, который лучше всего подходит для вашей серверной среды.
• Объедините эту функцию с оптимизатором мультимедиа, чтобы ваши изображения были максимально быстрыми и эффективными.

Критическая генерация CSS

Что он делает

Генерация критического CSS помогает вашим страницам загружаться мгновенно, генерируя и встраивая критический верхний CSS. Этот процесс исключает таблицы стилей, блокирующие рендеринг, поэтому посетители могут просматривать ваш контент сразу, не дожидаясь загрузки полных таблиц стилей.

Как это использовать

1. Перейдите в раздел «Стиль» и выберите вкладку «Критический CSS».
2. Выберите предпочитаемый режим генерации и настройте, следует ли внедрять критический CSS непосредственно на ваши страницы.
3. При необходимости отредактируйте все резервные критические правила CSS.
4. Нажмите кнопку «Сохранить настройки стиля», чтобы применить изменения.
5. Нажмите кнопку «Создать критический CSS», чтобы создать важные стили верхней части страницы.

Settings & Options

Tips & Best Practices

• Тщательно настройте важные правила CSS, чтобы страницы отображались для посетителей мгновенно и без задержек.
• Используйте режим генерации для переключения между автоматическим созданием и ручным вводом в зависимости от потребностей вашего шаблона.
• Не забудьте сохранить настройки стиля после внесения каких-либо изменений в правила или предпочтения.

Локальный хост Google Fonts

Что он делает

Загрузите Google Fonts локально и обслуживайте их со своего сервера, чтобы повысить конфиденциальность и скорость. Эта функция исключает внешний поиск DNS в Google Fonts.

Как это использовать

1. Перейдите в раздел «Стиль» и откройте вкладку «Шрифты».
2. Включите или отключите локальный хостинг шрифтов Google.
3. При необходимости очищайте кеш шрифтов.
4. Нажмите, чтобы сохранить настройки шрифта.

Settings & Options

Tips & Best Practices

• Включите локальный хостинг шрифтов, чтобы улучшить конфиденциальность вашего веб-сайта и скорость загрузки.
• Используйте опцию самостоятельного хостинга, чтобы автоматически перехватывать запросы Google Font и загружать файлы на свой сервер.
• Включите предварительную загрузку шрифтов, чтобы добавить полезные заголовки ссылок для локально размещенных файлов шрифтов.
• Не забудьте очистить кеш шрифтов после обновления настроек шрифтов.

JavaScript Defer & Optimization

Что он делает

Отложите выполнение JavaScript, объедините или задержите сценарии и удалите jQuery Migrate. Это помогает предотвратить блокировку JavaScript отрисовки страниц и повышает производительность вашего сайта.

Как это использовать

1. Перейти к Раздел JavaScript и откройте вкладка JS.
2. Переключите предпочтительные параметры отсрочки выполнения JavaScript.
3. При необходимости исключите из отсрочки любые конкретные дескрипторы сценариев.
4. Сохраните настройки JavaScript.

Settings & Options

Tips & Best Practices

• Используйте отсрочку сценариев, чтобы JavaScript не блокировал плавную загрузку содержимого вашей страницы.
• Воспользуйтесь преимуществами исключений, исключив определенные дескрипторы скриптов из процесса отсрочки, если скрипт требует немедленного выполнения.
• Соедините эту функцию с правилами активов, чтобы получить еще больший контроль над загрузкой скриптов вашего сайта.

Cache Management & Page Cache

Что он делает

Настройте кэширование страниц, предварительную загрузку кэша, правила истечения срока действия кэша и шаблоны исключения. Эта функция позволяет мгновенно предоставлять посетителям статические снимки HTML.

Как это использовать

1. Перейдите в раздел «Кэш» и выберите вкладку «Кэш».
2. Переключите настройки кэша страниц, чтобы включить дисковое или расширенное кэширование страниц.
3. Установите срок действия кэша и при необходимости определите любые шаблоны исключений.
4. Используйте доступные действия для предварительной загрузки или очистки кеша всякий раз, когда вам нужно обновить контент.

Settings & Options

Tips & Best Practices

• Включите кэширование страниц, чтобы ваши посетители мгновенно получали статические снимки HTML для более быстрого просмотра.
• Регулярно очищайте кеш после внесения значительных обновлений на ваш сайт, чтобы посетители сразу видели ваши последние изменения.
• Используйте предварительную загрузку кэша, чтобы заранее создавать кэшированные страницы до того, как посетители запросят их.
• Настройте исключенные URL-адреса и файлы cookie для динамических страниц или областей вашего сайта, которые никогда не должны обслуживаться из кэшированного снимка.

Правила кэширования браузера

Что он делает

Правила кэширования браузера позволяют настраивать заголовки срока действия, такие как Expires и Cache-Control, для ваших статических ресурсов. Это помогает вернувшимся посетителям быстрее загружать ваш сайт, извлекая статические файлы непосредственно из локального кэша браузера.

Как это использовать

1. Перейти к Кэш раздел и нажмите на кнопку Кэш браузера вкладка.
2. Настройте заголовки кэширования браузера и правила истечения срока действия для ваших статических ресурсов.
3. Нажмите кнопку, чтобы создать и обновить правила кэша браузера.
4. Сохраните настройки кэширования браузера, чтобы применить изменения.

Settings & Options

Tips & Best Practices

• Включите правила кэширования браузера, чтобы помочь вернувшимся посетителям быстрее загружать статические ресурсы из локального кэша браузера.
• Используйте эти правила, чтобы правильно настроить заголовки срока действия, такие как Expires и Cache-Control, для ваших файлов.
• Регулярно сохраняйте и обновляйте настройки кеширования браузера всякий раз, когда вы меняете правила кеширования.

Управление OPcache

Что он делает

Отслеживайте и управляйте состоянием PHP OPcache и сбросом кеша. Просматривайте показатели производительности и обеспечьте бесперебойную работу вашего сайта.

Как это использовать

1. Перейдите в раздел «Кэш» и выберите вкладку OPcache.
2. Просмотрите текущее потребление памяти, частоту попаданий и количество кэшированных сценариев.
3. Нажмите кнопку, чтобы обновить статистику своего статуса, когда вам понадобится обновленная информация.
4. Нажмите кнопку, чтобы сбросить OPcache, когда это необходимо.

Settings & Options

Tips & Best Practices

• Регулярно проверяйте показатели производительности кэша, чтобы убедиться, что ваш сайт работает эффективно.
• Обновите статистику своего статуса, чтобы увидеть самую актуальную информацию о производительности.
• Сбрасывайте OPcache всякий раз, когда вам нужно очистить сохраненные скрипты и применить обновления.

Менеджер основных функций WordPress

Что он делает

Менеджер основных функций WordPress помогает отключить нежелательные основные функции WordPress, раздувание и телеметрию. Это позволяет вам очистить заголовок вашего сайта и уменьшить поверхность атаки вашего сайта, отключив ненужные встроенные функции.

Как это использовать

1. Перейдите в раздел «Диспетчер функций» и выберите вкладку WordPress.
2. Переключите основные переключатели функций для элементов, которые вы хотите отключить.
3. Сохраните основные настройки WordPress, чтобы применить изменения.

Settings & Options

Tips & Best Practices

• Прежде чем отключать функции, ознакомьтесь с требованиями вашего сайта, чтобы убедиться, что вы не отключите функции, на которые полагаются ваши посетители или интеграции.
• Отключение неиспользуемых функций, таких как XML-RPC и встраивание, — отличный способ уменьшить поверхность атаки на ваш сайт.
• Отключение ненужных скриптов, таких как смайлы, помогает очистить заголовок вашего сайта и упростить настройку.

WooCommerce Store Modes & Cleanup

Что он делает

Оптимизируйте WooCommerce, отключив неиспользуемые функции магазина, скрипты и раздувание. Эта функция помогает предотвратить загрузку ненужных элементов на страницах, где они не нужны.

Как это использовать

1. Перейдите в раздел «Менеджер функций».
2. Выберите WooCommerce, затем откройте вкладку «Режимы».
3. Переключите переключатели функций WooCommerce по желанию.
4. Сохраните настройки режима WooCommerce.

Settings & Options

Tips & Best Practices

• Включите оптимизацию WooCommerce для всего магазина, чтобы предотвратить загрузку фрагментов корзины в сообщениях блога или на статических страницах.
• Не допускайте загрузки скриптов магазина на страницах, которым они не нужны, чтобы обеспечить бесперебойную работу вашего сайта.
• Проверьте свои настройки после внесения изменений, чтобы убедиться, что страницы вашего магазина отображаются правильно.

Менеджер активов WooCommerce

Что он делает

Менеджер ресурсов WooCommerce позволяет вам контролировать загрузку определенных сценариев и таблиц стилей WooCommerce на страницы вашего магазина. Вы можете точно настроить, какие ресурсы WooCommerce загружаются на определенных страницах, чтобы оптимизировать ваш магазин.

Как это использовать

1. Перейдите в раздел «Менеджер функций».
2. Выберите вариант WooCommerce и перейдите на вкладку «Ресурсы».
3. Настройте правила загрузки ресурсов WooCommerce.
4. Нажмите кнопку «Сохранить», чтобы сохранить правила для активов.

Settings & Options

Tips & Best Practices

• Просмотрите страницы своего магазина после обновления правил активов, чтобы убедиться, что все отображается и работает правильно.
• Отключайте только те скрипты и таблицы стилей, которые, по вашему мнению, не нужны на определенных страницах.
• Не торопитесь при настройке правил, чтобы обеспечить бесперебойную работу вашего магазина.

Запланированные задачи WooCommerce (Cron)

Что он делает

Управляйте и оптимизируйте фоновые запланированные задачи WooCommerce и очереди планировщика действий. Просмотрите очереди фоновых задач WooCommerce и очистите старые журналы планировщика действий, чтобы обеспечить бесперебойную работу вашего магазина.

Как это использовать

1. Перейдите в раздел «Менеджер функций», выберите WooCommerceи откройте Запланированные задачи вкладка.
2. Просмотрите очереди фоновых задач и настройте свои предпочтения.
3. Запускайте ожидающие действия вручную или при необходимости удаляйте журналы завершенных действий.
4. Нажмите кнопку Сохраняем настройки cron кнопку, чтобы применить изменения.

Settings & Options

Tips & Best Practices

• Регулярно очищайте старые журналы планировщика действий, удаляя завершенные журналы действий, чтобы поддерживать порядок в вашей системе.
• Используйте запуск вручную для отложенных действий, когда вам нужно немедленно обработать фоновые задачи.
• Настройте параметры настройки планировщика действий, чтобы оптимизировать обработку размеров партий и периодов хранения в вашем магазине.

Административный контроль раздувания WooCommerce

Отключите виджеты панели администратора WooCommerce, аналитические отчеты и маркетинговые уведомления.

Оптимизатор электронной почты WooCommerce

Оптимизируйте транзакционные электронные письма WooCommerce и отключите ненужные триггеры электронной почты.