Настройте WordPress с W3 Total Cache и CloudFlare CDN в LAMP
На этой странице
- Часть 1. Установка W3 Total Cache
- Часть 2. Настройка подключаемого модуля W3 Total Cache
- Часть 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.