Поиск по сайту:

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


На этой странице

  1. Часть 1. Установка W3 Total Cache
  2. Часть 2. Настройка подключаемого модуля W3 Total Cache
  3. Часть 3. Настройка CDN CloudFlare

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

ТРЕБОВАНИЯ

  • Веб-сайт Wordpress, доступный в зарегистрированном общественном домене. Если вы хотите развернуть свой собственный веб-сайт Wordpress поверх стека LAMP, вам следует прочитать инструкции из этого руководства: https://linux-console.net/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, кэш базы данных и кэш объектов, потому что 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

  • Установить заголовок с истекающим сроком действия

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

  • Установить тег объекта

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

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

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

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

  • Установить заголовок с истекающим сроком действия

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

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

  • Установить тег объекта (ETag)

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

  • Включить сжатие 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. Когда вы закончите, нажмите кнопку «Продолжить», чтобы завершить процесс интеграции. Однако вы можете нажать кнопку «Продолжить» и позже обновить записи DNS ns у своего регистратора.

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

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

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

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

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

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

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

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