WP Rocket — один из самых мощных плагинов для ускорения WordPress. Он работает “из коробки”, но правильная настройка даст ещё больший прирост скорости.
В этом руководстве разберём пошаговую настройку WP Rocket с пояснениями каждого параметра.
- 🔹 1. Установка и активация WP Rocket
- 🔹 2. Базовая настройка кэширования
- 🔹 3. Оптимизация файлов (CSS, JS, HTML)
- 🔹 4. Медиа: Lazy Load и оптимизация изображений
- 🔹 5. Preload (предзагрузка кэша и шрифтов)
- 🔹 6. Advanced: настройки для опытных
- 🔹 7. Интеграция с CDN (Cloudflare, StackPath и др.)
- 🔹 1. Установка и активация WP Rocket
- 🔹 2. Базовая настройка кэширования
- 🔹 3. Оптимизация файлов (CSS, JS, HTML)
- 🔹 4. Медиа: Lazy Load и оптимизация изображений
- 🔹 5. Preload (предзагрузка кэша и шрифтов)
- 🔹 6. Advanced: настройки для опытных
- 🔹 7. Интеграция с CDN (Cloudflare, StackPath и др.)
- 🔹 8. Оптимизация базы данных
- 🔹 9. Проверка скорости до и после
- 🔎 Заключение: оптимальные настройки WP Rocket
🔹 1. Установка и активация WP Rocket
- Купите лицензию на официальном сайте.
- Скачайте файл плагина (wp-rocket.zip) из личного кабинета.
- В админке WordPress:
- «Плагины» → «Добавить новый» → «Загрузить плагин» → выберите архив.
- Активируйте WP Rocket.
- Введите ключ лицензии (находится в личном кабинете на wp-rocket.me).
🔹 2. Базовая настройка кэширования
После активации плагин уже включает кэширование страниц, но можно уточнить параметры:
- Перейдите в «Настройки WP Rocket» → вкладка «Общие».
- Рекомендуемые настройки:
- ✅ Включить кэширование для мобильных устройств (если у вас адаптивный сайт).
- ✅ Отдельный кэш для пользователей вошедших в систему (если сайт с личными кабинетами).
- ✅ Использовать кэш для HTTPS (если у вас SSL).
- Нажмите «Сохранить изменения».
🔹 3. Оптимизация файлов (CSS, JS, HTML)
Во вкладке «Файловая оптимизация» настраиваем:
⚡️ HTML-оптимизация
- ✅ Включить минификацию HTML (удаляет пробелы, комментарии).
- ✅ Удалить неиспользуемый CSS (опционально, может сломать дизайн).
⚡️ Оптимизация CSS
- ✅ Включить минификацию CSS (сжимает стили).
- ✅ Объединить CSS-файлы (уменьшает число запросов, но тестируйте!).
- ✅ Отложенная загрузка CSS (ускоряет отображение страницы).
- ✅ Генерировать Critical CSS (улучшает FCP — First Contentful Paint).
⚡️ Оптимизация JavaScript
- ✅ Включить минификацию JS (сжимает скрипты).
- ✅ Объединить JS-файлы (может вызывать ошибки, тестируйте!).
- ✅ Отложенная загрузка JS (ускоряет загрузку, но может сломать функционал).
- Можно добавить исключения (например, jquery.js).
⚡️ Настройки для WebP (если используете)
- ✅ Добавить WebP-совместимость (если изображения конвертируются в WebP).
➡️ Совет: После изменений проверьте сайт на ошибки! Если что-то сломалось — отключите объединение файлов.
🔹 4. Медиа: Lazy Load и оптимизация изображений
Во вкладке «Медиафайлы»:
🖼 Lazy Load (отложенная загрузка)
- ✅ Включить Lazy Load для изображений (ускоряет загрузку).
- ✅ Включить Lazy Load для iframe и видео (например, YouTube).
- ✅ Заменять iframe миниатюрами (уменьшает нагрузку).
📸 Дополнительные настройки
- ✅ Удалить EXIF-данные (уменьшает вес изображений).
- ✅ Отключить эмбеды WordPress (например, для Twitter, YouTube).
🔹 5. Preload (предзагрузка кэша и шрифтов)
Во вкладке «Предзагрузка»:
⚡️ Предзагрузка кэша
- ✅ Включить предзагрузку кэша (бот WP Rocket заранее кэширует страницы).
- ✅ Включить предзагрузку шрифтов (ускоряет загрузку кастомных шрифтов).
🔗 Preload-ссылки
- ✅ Включить Instant Click (ускоряет переходы между страницами).
🔹 6. Advanced: настройки для опытных
Во вкладке «Дополнительно»:
🗑 Очистка кэша
- Настройте автоматическую очистку кэша (например, раз в неделю).
⚙️ Системные настройки
- ✅ Включить GZIP-сжатие (если не настроено на сервере).
- ✅ Настроить заголовки expires (уменьшает повторные загрузки файлов).
🚫 Исключения
- Укажите страницы, которые не нужно кэшировать (например, корзину WooCommerce).
🔹 7. Интеграция с CDN (Cloudflare, StackPath и др.)
- Перейдите во вкладку «CDN».
- Включите CDN и укажите URL CDN (например, cdn.vash-sait.com).
- Если используете Cloudflare, подключите API для автоматической очистки кэша
WP Rocket — один из самых мощных плагинов для ускорения WordPress. Он работает “из коробки”, но правильная настройка даст ещё больший прирост скорости.
В этом руководстве разберём пошаговую настройку WP Rocket с пояснениями каждого параметра.
🔹 1. Установка и активация WP Rocket
- Купите лицензию на официальном сайте.
- Скачайте файл плагина (wp-rocket.zip) из личного кабинета.
- В админке WordPress:
- «Плагины» → «Добавить новый» → «Загрузить плагин» → выберите архив.
- Активируйте WP Rocket.
- Введите ключ лицензии (находится в личном кабинете на wp-rocket.me).
🔹 2. Базовая настройка кэширования
После активации плагин уже включает кэширование страниц, но можно уточнить параметры:
- Перейдите в «Настройки WP Rocket» → вкладка «Общие».
- Рекомендуемые настройки:
- ✅ Включить кэширование для мобильных устройств (если у вас адаптивный сайт).
- ✅ Отдельный кэш для пользователей вошедших в систему (если сайт с личными кабинетами).
- ✅ Использовать кэш для HTTPS (если у вас SSL).
- Нажмите «Сохранить изменения».
🔹 3. Оптимизация файлов (CSS, JS, HTML)
Во вкладке «Файловая оптимизация» настраиваем:
⚡️ HTML-оптимизация
- ✅ Включить минификацию HTML (удаляет пробелы, комментарии).
- ✅ Удалить неиспользуемый CSS (опционально, может сломать дизайн).
⚡️ Оптимизация CSS
- ✅ Включить минификацию CSS (сжимает стили).
- ✅ Объединить CSS-файлы (уменьшает число запросов, но тестируйте!).
- ✅ Отложенная загрузка CSS (ускоряет отображение страницы).
- ✅ Генерировать Critical CSS (улучшает FCP — First Contentful Paint).
⚡️ Оптимизация JavaScript
- ✅ Включить минификацию JS (сжимает скрипты).
- ✅ Объединить JS-файлы (может вызывать ошибки, тестируйте!).
- ✅ Отложенная загрузка JS (ускоряет загрузку, но может сломать функционал).
- Можно добавить исключения (например, jquery.js).
⚡️ Настройки для WebP (если используете)
- ✅ Добавить WebP-совместимость (если изображения конвертируются в WebP).
➡️ Совет: После изменений проверьте сайт на ошибки! Если что-то сломалось — отключите объединение файлов.
🔹 4. Медиа: Lazy Load и оптимизация изображений
Во вкладке «Медиафайлы»:
🖼 Lazy Load (отложенная загрузка)
- ✅ Включить Lazy Load для изображений (ускоряет загрузку).
- ✅ Включить Lazy Load для iframe и видео (например, YouTube).
- ✅ Заменять iframe миниатюрами (уменьшает нагрузку).
📸 Дополнительные настройки
- ✅ Удалить EXIF-данные (уменьшает вес изображений).
- ✅ Отключить эмбеды WordPress (например, для Twitter, YouTube).
🔹 5. Preload (предзагрузка кэша и шрифтов)
Во вкладке «Предзагрузка»:
⚡️ Предзагрузка кэша
- ✅ Включить предзагрузку кэша (бот WP Rocket заранее кэширует страницы).
- ✅ Включить предзагрузку шрифтов (ускоряет загрузку кастомных шрифтов).
🔗 Preload-ссылки
- ✅ Включить Instant Click (ускоряет переходы между страницами).
🔹 6. Advanced: настройки для опытных
Во вкладке «Дополнительно»:
🗑 Очистка кэша
- Настройте автоматическую очистку кэша (например, раз в неделю).
⚙️ Системные настройки
- ✅ Включить GZIP-сжатие (если не настроено на сервере).
- ✅ Настроить заголовки expires (уменьшает повторные загрузки файлов).
🚫 Исключения
- Укажите страницы, которые не нужно кэшировать (например, корзину WooCommerce).
🔹 7. Интеграция с CDN (Cloudflare, StackPath и др.)
- Перейдите во вкладку «CDN».
- Включите CDN и укажите URL CDN (например, cdn.vash-sait.com).
- Если используете Cloudflare, подключите API для автоматической очистки кэша
🔹 8. Оптимизация базы данных
- Перейдите в «Инструменты» → «Оптимизация БД».
- Выберите, что нужно очистить:
- ✅ Удалить ревизии записей
- ✅ Удалить автосохранения
- ✅ Удалить спам-комментарии
- Нажмите «Оптимизировать».
🔹 9. Проверка скорости до и после
После настройки проверьте скорость на:
- GTmetrix (https://gtmetrix.com)
- PageSpeed Insights (https://pagespeed.web.dev)
- WebPageTest (https://www.webpagetest.org)
➡️ Идеальные показатели:
- Время загрузки: < 2 сек
- PageSpeed Score: > 90 (мобильные/десктоп)
- LCP (Largest Contentful Paint): < 2.5 сек
🔎 Заключение: оптимальные настройки WP Rocket
| Параметр | Рекомендуемая настройка |
|---|---|
| Кэширование | Включено + для мобильных |
| HTML-оптимизация | Минификация + удалить CSS |
| CSS/JS | Минификация + отложенная загрузка |
| Lazy Load | Для изображений + iframe |
| Preload | Включить + шрифты |
| CDN | Подключить, если есть |
| Оптимизация БД | Чистить раз в месяц |
💡 Советы:
✔️ Делайте бэкап перед изменениями (настройки могут сломать сайт).
✔️ Тестируйте после каждого изменения (особенно объединение CSS/JS).
✔️ Обновляйте WP Rocket — разработчики постоянно улучшают плагин.
🚀 Результат: После правильной настройки скорость сайта вырастет на 30-70%!