Настройка WordPress с W3 Total Cache и CloudFlare CDN в LAMP

Этот гид покажет вам, как увеличить скорость загрузки сайта на WordPress с помощью плагина W3 Total Cache и бесплатной учетной записи CloudFlare CDN. В этом учебном пособии система управления контентом WordPress установлена на стек LAMP (Linux + Apache HTTP сервер + MariaDB RDBMS и PHP) на самоуправляемой виртуальной машине Debian 9, но ту же процедуру можно успешно применить с некоторыми незначительными изменениями на любом сайте WordPress, независимо от того, развернут ли он на выделенном сервере, VPS или на общем хостинге.

ТРЕБОВАНИЯ

• Доступный сайт WordPress на зарегистрированном публичном домене. Если вы хотите развернуть свой собственный сайт WordPress на стеке LAMP, вам следует рассмотреть возможность прочитать инструкции из этого учебника: https://www.howtoforge.com/tutorial/install-wordpress-on-lamp-in-debian-9/
• Плагин W3 Total Cache установлен и активирован в WordPress
• Бесплатная учетная запись CloudFlare

Первоначальная заметка:

Если ваш сайт WordPress установлен на выделенном сервере на стеке LAMP, первое, что вам нужно проверить, это можете ли вы устанавливать новые плагины из панели управления WordPress без установленного локально FTP-сервера. Если вас просят ввести учетную запись FTP для установки новых плагинов, вам нужно включить метод прямой записи файловой системы WordPress. Чтобы включить эту функцию WordPress, откройте файл wp-config.php, расположенный в корневом каталоге вашего сайта, и добавьте следующую строку кода в любое место в содержимом файла.

define('FS_METHOD', 'direct');

Вы также можете выполнить следующую команду, чтобы достичь того же результата, не обновляя файл wp-config.php вручную, как показано на скриншоте ниже.

echo "define('FS_METHOD', 'direct');" | tee -a /path/to/website/wp-config.php

Перед настройкой плагина W3 Total Cache с CloudFlare CDN посетите сайт GTmetrix по следующей ссылке https://gtmetrix.com и проведите тест производительности для вашего домена, чтобы сравнить результаты после интеграции CDN.

Часть 1 - Установка W3 Total Cache

• Чтобы установить плагин W3 Total Cache, войдите в панель управления WordPress и нажмите на ссылку Плагины -> Добавить новый. В поле поиска напишите W3 Total Cache и нажмите кнопку Установить сейчас, чтобы начать процесс установки, как показано на следующем изображении.

• После завершения установки плагина W3 Total Cache нажмите на кнопку Активировать плагин W3 Total Cache.

Часть 2 – Настройка плагина W3 Total Cache

1. Чтобы настроить плагин W3 Total Cache, перейдите в панель управления WordPress и перейдите в Плагины -> Установленные плагины в левом меню и нажмите на ссылку Настройки плагина W3 Total Cache, чтобы начать процесс конфигурации.

2. Затем перейдите в Общие настройки и включите опцию Кэширование страниц. Используйте метод кэширования страниц Disk:Enhanced и прокрутите вниз, чтобы перейти к следующей опции.

3. Далее прокрутите вниз и отключите Minify, Database Cache и Object Cache, потому что CloudFlare CDN позаботится о минификации ваших файлов javascript, CSS и HTML, а также предоставит собственный механизм кэширования.

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

4. Далее прокрутите вниз и включите Кэш браузера, как показано на изображении ниже.

5. Прокрутите вниз и отключите опции CDN и Обратный прокси, затем перейдите на вкладку Разное и включите следующую опцию: Проверить правила переписывания. Убедитесь, что вы отключили все другие опции, как показано на изображении ниже.

6. Далее прокрутите вниз и отключите все Опции отладки. Наконец, нажмите кнопку Сохранить все настройки, чтобы применить конфигурацию. Также у вас есть возможность экспортировать конфигурацию плагина W3 Total Cache или сбросить плагин к настройкам по умолчанию в случае, если что-то пойдет не так.

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

• Кэшировать главную страницу

• Кэшировать ленты: сайт, категории, теги, комментарии

• Кэшировать SSL (https) запросы

• Не кэшировать страницы для вошедших в систему пользователей

• Не кэшировать страницы для следующих ролей пользователей: Администратор, Редактор, Автор, Участник и Подписчик.

8. Далее прокрутите вниз и включите опцию Кэшировать псевдонимы хостов. Напишите все ваши псевдонимы сайта (с www или без) в Дополнительные домашние URL и прокрутите вниз к следующей опции.

9. На вкладке Предварительное кэширование включите Автоматически подготавливать кэш страниц. Не изменяйте значения для Интервала обновления и Страниц за интервал. Также вы должны добавить XML URL-карту сайта для сайта. Убедитесь, что вы включили опцию Предварительное кэширование постов при событиях публикации.

10. Далее прокрутите вниз и включите Главную страницу, Страницу поста, Ленту блога, Страницы комментариев к постам и rss2 опции на экране Политики очистки: кэш страниц, как описано на изображении ниже.

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

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

• Установить заголовок Last-Modified

• Установить заголовок expires

• Установить заголовок управления кэшем

• Установить тег сущности

• Установить заголовок W3 Total cache

• Включить сжатие HTTP gzip

13. Продолжайте прокручивать вниз и включите следующие опции для вкладок CSS & JS, XTML & XML и Медиа и другие файлы, как описано ниже:

• Установить заголовок Last-Modified

• Установить заголовок expires

• Установить заголовок управления кэшем

• Политика управления кэшем установлена на кэшировать с max-age и проверкой (“max-age=EXPIRES_SECONDS, public, must-revalidate, proxy-revalidate”)

• Установить тег сущности (ETag)

• Установить заголовок W3 Total cache

• Включить сжатие HTTP gzip

14. Наконец, нажмите кнопку Сохранить все настройки, чтобы применить конфигурацию плагина W3 Total Cache. Однако вам следует настроить параметры плагина W3 Total Cache и провести тесты, чтобы определить лучшие опции для вашего сайта.

Часть 3 – Настройка CloudFlare CDN

15. Чтобы активировать плагин CloudFlare в WordPress, перейдите в Производительность -> Расширения - CloudFlare и нажмите на ссылку Активировать, как показано на следующем изображении.

16. Чтобы настроить плагин CloudFlare, нажмите на ссылку Настройки в меню Расширения, как показано на скриншоте ниже.

17. CloudFlare - это служба сети доставки контента (CDN), которая действует как обратный прокси-ускоритель для веб-сайтов. Среди других функций, за некоторые из которых вам придется платить, CloudFlare предлагает DNS и интегрированные услуги безопасности для кэшированных веб-сайтов. Чтобы интегрировать веб-сайт в CloudFlare CDN, все, что вам нужно сделать, это зарегистрироваться для бесплатной учетной записи по следующей ссылке https://www.cloudflare.com/a/login и добавить свой домен в их сети, как показано на скриншоте ниже.

18. Подождите около минуты, пока CloudFlare сканирует ваши DNS-записи домена, и нажмите кнопку Продолжить, чтобы перейти к экрану DNS-записей. На экране обнаруженных DNS-записей проверьте, обнаружены ли все ваши записи домена. Если все ваши DNS-записи присутствуют в списке, нажмите кнопку Продолжить, чтобы продолжить. Используйте скриншоты ниже в качестве руководства.

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

20. На следующем экране запишите имена серверов DNS CloudFlare и обновите соответствующим образом ваши доменные имена серверов. Вам нужно войти в панель управления вашего регистратора доменов, чтобы изменить серверы имен вашего домена, и новые записи должны быть обновлены как можно быстрее. Серверы имен домена должны указывать точно на серверы имен CloudFlare и никаких других записей ns. Когда вы закончите, нажмите кнопку Продолжить, чтобы завершить процесс интеграции. Однако вы можете нажать кнопку Продолжить и обновить записи ns DNS у вашего регистратора позже.

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

22. Далее перейдите в веб-панель CloudFlare и нажмите на кнопку меню Скорость. Здесь включите опцию Авто минификация для JavaScript, HTML и CSS, как показано на изображении ниже. Эта настройка сожмет все файлы javascript, CSS и HTML, чтобы уменьшить их объем и быстрее доставить их в браузеры конечных клиентов.

23. Прокрутите вниз и включите Автоматический режим для Rocket Loader, как показано ниже.

24. Далее нажмите на кнопку Crypto и установите SSL шифрование на Полный. Затем перейдите на главный экран, чтобы получить API-ключ и активировать расширение CloudFlare для WordPress. Нажмите на ссылку Получить ваш API-ключ, выберите Глобальный API-ключ и нажмите кнопку Просмотреть API-ключ. Должно открыться новое всплывающее окно. Скопируйте строку API-ключа из буфера обмена и закройте всплывающее окно.

25. Вернитесь на сайт WordPress и перейдите в Производительность -> Расширения -> CloudFlare и нажмите на ссылку Настройки. На экране CloudFlare нажмите на кнопку Авторизовать и добавьте адрес электронной почты, который вы использовали для регистрации в CloudFlare, и API-ключ, который вы скопировали из Глобального API-ключа. Когда закончите, нажмите кнопку Далее, чтобы продолжить.

26. Выберите свою доменную зону и нажмите кнопку Далее, чтобы завершить процесс авторизации. Затем вы можете начать управлять настройками CloudFlare CDN для вашего домена через плагин CloudFlare в WordPress.

27. Если вы уже обновили записи ns DNS у вашего регистратора, вы можете подождать несколько часов, а затем войти в панель CloudFlare. Сайт должен быть успешно активирован на CloudFlare.

Подождите несколько дней, пока служба CloudFlare CDN полностью кэширует содержимое вашего сайта, и снова проанализируйте скорость вашего сайта на сайте https://gtmetrix.com. Сравните результаты с первоначальным отчетом, чтобы определить преимущества производительности, предоставляемые CloudFlare CDN.