Как установить и настроить WP Rocket (с рекомендуемыми настройками)

Исследование Forrester Consulting утверждает, что «47% потребителей ожидают загрузки веб-страницы за две секунды или меньше».

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

Хорошо, что есть способы ускорить время загрузки сайта, особенно если он работает на WordPress. Потому что здесь я собираюсь рассказать вам, как начать WP Rocket (и да это плагин я использую ускорить мой сайт).

Что такое WP Rocket?

WP Rocket это премия WordPress Кэширующий плагин, который чрезвычайно эффективен для ускорения загрузки вашего сайта.

Планы и цены WP Rocket:

• $ 49 / год - 1 год поддержки и обновлений для Веб-сайт 1.
• $ 99 / год - 1 год поддержки и обновлений для сайты 3.
• $ 249 / год - 1 год поддержки и обновлений для неограниченное количество сайтов.

1. Загрузите и установите WP Rocket

Сначала идите к Сайт WP Rocket и купить WordPress .

Выберите наиболее подходящий для вас план и выполните необходимые шаги для размещения заказа.

Далее вам будет отправлено письмо с информацией для входа в вашу учетную запись на wp-rocket.me. Зайдите и войдите, и в "мой аккаунт" Вы найдете ссылку для скачивания. Загрузите и сохраните zip-файл на свой компьютер.

Далее войдите в свой WordPress сайт и направиться к Плагины -> Добавить новый -> Загрузить плагин.

Просто загрузите и установите версию WP Rocket в формате zip-файла.

Наконец, перейдите и активируйте WP Rocket, и плагин теперь установлен. Ура!

2. WP Rocket Лучшие и рекомендуемые настройки

Теперь пришло время настроить WP Rocket в соответствии с рекомендуемыми настройками.

Сначала перейдите к Настройки -> WP Rocket, и вы попадете на страницу настроек плагина. Есть 10 вкладок или разделов, которые вам нужно настроить и настроить для:

1. Панель (вкладка по умолчанию)
2. Настройки кеша
3. Настройки оптимизации файлов CSS и JS
4. Настройки мультимедиа
5. Настройки предварительной загрузки
6. Настройки расширенных правил
7. Настройки базы данных
8. Настройки CDN
9. Дополнения (Cloudflare)
10. Инструменты

• Бонус: Настройка WP Rocket для HTTP / 2
• Бонус: Использование WP Rocket с KeyCDN
• Бонус: Какие веб-хосты совместимы и работают с WP Rocket?
• Бонус: Загрузите мой конфигурационный файл WP Rocket

Теперь давайте пройдемся по настройке рекомендуемых настроек WP Rocket для каждого из 10 разделов.

WP Rocket Dashboard

Панель инструментов дает вам информацию о вашей лицензии и когда она истекает. Вы также можете зарегистрироваться, чтобы быть Ракетный Тестер (программа бета-тестирования) и Ракетная аналитика (разрешить WP Rocket собирать данные анонимно). Здесь вы также найдете ссылки на поддержку и часто задаваемые вопросы о WP Rocket.

В панели инструментов вы можете Удалить все кэшированные файлы (рекомендуется сделать, когда вы закончите настройку параметров WP Rocket), Начать предварительную загрузку кэша (создает кеш для вашей домашней страницы и всех внутренних ссылок на домашней странице) и Purge OPcache Содержимое (удаляет OPcahce, что предотвращает проблемы при обновлении плагина WP Rocket).

Настройки WP Rocket Cache

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

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

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

3. Срок службы кэша автоматически устанавливается на 10 часов, и это означает, что кэшированные файлы автоматически удаляются через 10 часов перед повторным созданием. Если вы редко обновляете свой сайт или много статического содержание, вы можете увеличить это.

Сохраните и протестируйте, тщательно! Отключите настройки, если вы заметили что-то сломанное на вашем сайте.

Настройки оптимизации CSS и JS файлов WP Rocket

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

Объединение файлов объединит файлы в более мелкие группы, чтобы обеспечить совместимость тем / плагинов и лучшую производительность. Однако форсировать конкатенацию только в один файл 1 не рекомендуется, поскольку браузеры быстрее загружают параллельно файлы меньшего размера 6, чем большие файлы 1-2.

1. Сократить HTML-файлы удалит пробелы и комментарии, чтобы уменьшить размер веб-страниц на вашем сайте.

2. Объедините файлы Google Fonts уменьшит количество HTTP-запросов (особенно если вы используете несколько шрифтов).

3. Удалить строки запроса Из статических ресурсов можно повысить класс производительности на GT Metrix. Этот параметр удаляет строку запроса версии из статических файлов (например, style.css? Ver = 1.0) и вместо этого кодирует ее в имя файла (например, style-1-0.css).

4. Сократить CSS-файлы удалит пробелы и комментарии, чтобы уменьшить размеры файла таблицы стилей.

5. Объединить CSS-файлы объединяет все ваши файлы в один файл, что уменьшит количество HTTP-запросов. Не рекомендуется, если ваш сайт использует HTTP / 2.

важно: Это может сломать вещи! Если вы заметили какие-либо ошибки на своем веб-сайте после активации этого параметра, просто деактивируйте его снова, и ваш сайт вернется в нормальное состояние.

6. Оптимизировать доставку CSS устраняет блокировку рендеринга CSS на вашем сайте для более быстрого восприятия времени загрузки. Это означает, что ваша страница начнет загружаться без стилей CSS, и это то, что Google PageSpeed ​​Insights учитывает при «скоринге» скорости страницы.

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

Это называется FOUC (вспышка неустановленного контента), Чтобы избежать этого, вы должны использовать то, что называется Critical Path CSS. Это означает, что CSS для содержимого в верхней части вашей страницы должен быть размещен непосредственно в HTML, чтобы избежать FOUC во время загрузки страницы.

Для создания критического пути CSS вы можете использовать этот инструмент CSS Critical Path Generator.

7. Сократить файлы JavaScript удалить пробелы и комментарии, чтобы уменьшить размер файлов JS.

8. Объедините файлы JavaScript объедините информацию JavaScripts вашего сайта меньше файлов, уменьшая HTTP-запросы. Не рекомендуется, если ваш сайт использует HTTP / 2.

важно: Это может сломать вещи! Если вы заметили какие-либо ошибки на своем веб-сайте после активации этого параметра, просто деактивируйте его снова, и ваш сайт вернется в нормальное состояние.

9. Загрузить отложенный JavaScript устраняет блокировку рендеринга JS на вашем сайте и может сократить время загрузки. Это то, что Google PageSpeed ​​Insights учитывает при «оценке» скорости страницы.

10. Безопасный режим для JQuery обеспечивает поддержку встроенных ссылок jQuery из тем и плагинов, загружая jQuery в верхней части документа в качестве сценария блокировки рендеринга.

Сохраните и протестируйте, тщательно! Отключите настройки, если вы заметили что-то сломанное на вашем сайте.

Настройки WP Rocket Media

1. Ленивая загрузка изображений означает, что изображения будут загружаться только тогда, когда они входят (или собираются войти) в область просмотра, т.е. загружаются только тогда, когда пользователь прокручивает страницу вниз. Ленивая загрузка уменьшает количество HTTP-запросов, что может сократить время загрузки.

(Я иногда отключаю отложенную загрузку изображений, только потому, что когда отложенная загрузка включена, привязка связи указывая на позицию под загруженным ленивым изображением, прокручивает в неправильную позицию веб-страницы)

2. Ленивая загрузка фреймов и видео означает, что iframes и видео будут загружаться только тогда, когда они входят (или собираются войти) в область просмотра, то есть загружаются только тогда, когда пользователь прокручивает страницу вниз. Ленивая загрузка уменьшает количество HTTP-запросов, что может сократить время загрузки.

3. Замените YouTube iframe предварительным изображением может значительно улучшить время загрузки, если у вас есть много видео YouTube на странице.

Lazyload можно отключить на отдельных страницах / сообщениях (этот параметр находится на боковой панели сообщения / страницы)

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

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

Сохраните и протестируйте, тщательно! Отключите настройки, если вы заметили что-то сломанное на вашем сайте.

Настройки WP Rocket Preload

1. Предварительная загрузка файла Sitemap использует все URL-адреса в вашем XML-файле сайта для предварительной загрузки, когда срок службы кеша истек и весь кеш очищен.

2. Yoast SEO XML карта сайта, WP Rocket автоматически обнаружит карты сайта XML, сгенерированные Yoast SEO плагин, Вы можете проверить опцию, чтобы предварительно загрузить его.

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

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

4. Предварительная загрузка DNS-запросов позволяет разрешать доменное имя параллельно (а не последовательно) с извлечением фактического содержимого страницы.

Вы можете указать внешние узлы (например, //fonts.googleapis.com & //maxcdn.bootstrapcdn.com), которые будут предварительно загружаться, поскольку предварительная выборка DNS может ускорить загрузку внешних файлов, особенно в мобильных сетях.

Наиболее распространенные URL для предварительной выборки:

• //maxcdn.bootstrapcdn.com
• //platform.twitter.com
• //s3.amazonaws.com
• //ajax.googleapis.com
• //cdnjs.cloudflare.com
• //netdna.bootstrapcdn.com
• //fonts.googleapis.com
• //connect.facebook.net
• //www.google-analytics.com
• //www.googletagmanager.com
• //maps.google.com

Сохраните и протестируйте, тщательно! Отключите настройки, если вы заметили что-то сломанное на вашем сайте.

Настройки расширенных правил WP Rocket

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

1. Никогда не кэшируйте URL (ы) позволяет указать URL-адреса страниц или сообщений, которые никогда не должны кэшироваться.

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

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

4. Всегда очищать URL (ы) позволяет указать URL-адреса, которые вы всегда хотите удалить из кэша при каждом обновлении любого поста или страницы.

5. Кэшированные строки запроса позволяет указать строки запроса для кэширования.

Сохраните и протестируйте, тщательно! Отключите настройки, если вы заметили что-то сломанное на вашем сайте.

Настройки базы данных WP Rocket

Этот раздел содержит ряд настроек для очистки и оптимизации. WordPress.

1. После очистки удаляет ревизии, автоматические черновики, а также удаленные сообщения и страницы. Удалите их, если у вас нет старых версий сообщений (или удаленных сообщений).

2. Очистка комментариев удаляет спам и удаленные комментарии.

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

4. Очистка базы данных оптимизирует таблицы в вашем WordPress база данных.

5. Автоматическая очистка, Обычно я выполняю очистку на разовой основе, но вы также можете запланировать запуск WP Rocket для автоматической очистки вашей базы данных.

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

WP Rocket CDN Настройки

Использование сети доставки контента (CDN) означает, что все URL-адреса статических файлов (CSS, JS, изображения) будут переписаны в соответствии с предоставленными вами CNAME.

1. Включить CDN, Включите, если вы используете сеть доставки контента. WP Rocket совместим с большинством CDN, таких как Amazon Cloudfront, MaxCDN, KeyCDN (который я использую) и другими. Узнайте больше о том, как использовать WP Rocket с CDN

2. CDN CNAME (s), Скопируйте CNAME (домен), предоставленный вам вашим поставщиком CDN, и введите его в CDN CNAME. Это перезапишет все URL-адреса для ваших активов (статические файлы).

3. Исключить файлы позволяет указать URL-адреса файлов, которые не должны обслуживаться через CDN.

Сохраните и протестируйте, тщательно! Отключите настройки, если вы заметили что-то сломанное на вашем сайте.

WP Rocket Дополнения (Cloudflare)

WP Rocket позволяет интегрировать вашу учетную запись Cloudflare с их дополнительной функцией.

1. Глобальный ключ API, Ключ API находится в правом верхнем углу вашего аккаунта Cloudflare. Просто зайдите в свой профиль и прокрутите вниз, и вы увидите свой глобальный ключ API. Вы просто должны скопировать и вставить это в WP Rocket.

2. Адрес электронной почты, Это адрес электронной почты, который вы используете для своей учетной записи Cloudflare.

3. Домен, Это ваше доменное имя, например websitehostingrating.com.

4. Режим разработки, Временно активируйте режим разработки на вашем сайте. Эта настройка автоматически отключится через часы 3. Это хорошо, когда вы делаете много изменений на вашем сайте.

5. Оптимальные настройки, Автоматически улучшает конфигурацию Cloudflare для скорости, уровня производительности и совместимости. Эта опция активирует оптимальные настройки Cloudflare.

6. Относительный протокол, Следует использовать только с гибкой функцией SSL Cloudflare. URL статических файлов (CSS, JS, изображения) будут переписаны для использования // вместо http: // или https: //.

WP Rocket Tools

1. Настройки экспорта позволяет экспортировать настройки WP Rocket для использования на другом сайте.

2. Импорт настроек позволяет импортировать предварительно настроенные параметры WP Rocket.

3. отмена позволяет вам вернуться к предыдущей версии, если новая версия WP Rocket вызывает какие-либо проблемы для вас.

Настройка WP Rocket для HTTP / 2

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

Многие серверы и браузеры поддерживают HTTP / 2, и большинство веб-хостов, как SiteGround, теперь поддержка HTTP / 2. это Проверка HTTP / 2 сообщает вам, может ли ваш сайт использовать HTTP / 2.

Если ваш сайт способен использовать HTTP / 2, вот как вы можете настроить WP Rocket для него.

Объединение (объединение) всех файлов CSS и JS в максимально возможное количество файлов не лучшая практика для HTTP / 2 и WP Rocket рекомендует вам не активировать конкатенацию файлов , который относится к вкладка оптимизации файла.

WP Rocket рекомендует вам оставьте эти две ячейки без отметок, Для получения дополнительной информации см. эта статья на WP Rocket.

Как использовать WP Rocket с KeyCDN

Настройка WP Rocket с KeyCDN довольно проста. (FYI KeyCDN это сеть доставки контента, которую я использую и рекомендую)

Сначала создайте зону притяжения в KeyCDN, Затем перейдите к Вкладка CDN и проверить Включить сеть доставки контента вариант.

Теперь обновите Замените имя хоста сайта на: ” поле с URL-адресом, полученным с панели мониторинга KeyCDN (в разделе «Зоны> Зона URL» для созданной зоны извлечения). URL будет выглядеть примерно так: lorem-1c6b.kxcdn.com)

В качестве альтернативы и рекомендуемый вариант, использовать CNAME вашего URL по вашему выбору (например, https://static.websitehostingrating.com)

Какие веб-хосты работают с WP Rocket?

WP Rocket совместим практически со всеми веб-хостами, Однако некоторым, особенно удалось WordPress хосты могут не работать с WP Rocket. Если вашего хостинг-провайдера нет в списке ниже, это не значит, что он не совместим с WP Rocket. Лучший способ быть уверенным на 100% - это связаться с вашим веб-хостингом и спросить.

• Kinsta: Kinsta поддерживает только WP Rocket версии 3.0 и выше. Кэширование страниц WP Rocket автоматически отключается, чтобы предотвратить конфликт со встроенным кешированием Kinsta. Кинста является официальным партнером WP Rocket.
• WP двигателя: WP Rocket - единственный плагин кэширования, который разрешен в WP Engine. WP Engine - официальный партнер WP Rocket.
• SiteGround: WP Rocket совместим со статическим, динамическим и кэшированным в кэше SiteGround. SiteGround является официальным партнером WP Rocket.
• A2 хостинг: WP Rocket is полностью совместим с A2 Hosting, Но вы должны установить WordPress на вашем сайте, прежде чем вы сможете установить плагин WP Rocket. A2 Hosting является официальным партнером WP Rocket.
• WebHostFace: WebHostFace поддерживает (и является официальным партнером) WP Rocket.
• Savvii: Savvii поддерживает (и является официальным партнером) WP Rocket.
• FastComet: Предлагает специально оптимизированный пакет для WordPress и WP Rocket. FastComet является официальным партнером WP Rocket.
• Bluehost Управляемый WordPress Планы: Bluehost Managed WordPress В планах лакированная конфигурация ломает минификацию WP Rocket, поэтому нужно либо отключить Лак Блюхостаили выключите минификацию WP Rocket.
• Cloudways WordPress хостинг: При использовании минификации WP Rocket с Varnish от Cloudways необходимо создать правило исключения для Varnish в настройках приложения Cloudways.
• Маховик: Вы должны связаться со службой поддержки Flywheel и попросить их активировать WP Rocket.
• HostGator Managed WordPress Планы: WP Rocket не допускается HostGator Managed WordPress хостинг.
• Синтез: W3 Total Cache предварительно установлен на Synthesis, но его можно удалить и заменить на WP Rocket.
• WebSavers.ca: WebSavers.ca является официальным партнером WP Rocket.

Узнайте больше о совместимом веб-хостинге с WP Rocket на https://docs.wp-rocket.me/article/670-hosting-compatibility.

Загрузите мой конфигурационный файл WP Rocket

Я очень легко добавил конфигурацию WP Rocket, которую я использую здесь, на моем сайте. Просто скачать этот файл конфигурации WP Rocket а затем импортируйте его в раздел «Инструменты» администратора WP Rocket.

Купить копию WP Rocket а потом иди и скачать мой файл конфигурации WP Rocket и импортировать точные настройки, которые я рекомендую и использовать на этом сайте.

3. WP Rocket Помощь и официальная документация

Если по тем или иным причинам у вас возникли проблемы с WP Rocket, на сайте доступно множество полезной информации. Сайт WP Rocket, Помните, что вы также получаете год поддержки 1 при покупке.

Вот список руководств WP Rocket, которые я считаю наиболее полезными:

• С чего начать
• Совместимость хостинга
• Как проверить, что WP Rocket кеширует ваши страницы
• SSL с WP Rocket
• Ракета WP с CDN
• WP Rocket с облачной вспышкой
• Устранить внутреннюю ошибку сервера 500
• Решение проблем с минификацией
• Конфигурация NGINX для WP Rocket

Каков ваш опыт использования WP Rocket кеширующий плагин для WordPress? Я пропустил какую-либо важную информацию? Я хотел бы услышать все об этом в комментариях ниже!

Если этот учебник по установке WP Rocket показался вам полезным, всегда полезно поделиться им в социальных сетях.