Cloudflare: ускоряем работу WordPress с плагином Automatic Platform Optimization

Автор: | 30/03/2022
 

Давно уже видел проблему со скоростью загрузки блога. У меня на машине он открывается сравнительно быстро за счёт кеша браузера, а вот для других посетителей скорость достаточно печальная, что подтверждается проверкой на, например, https://gtmetrix.com:

4.3 секунды до полной загрузки – мрак.

Внизу страницы видим топ проблем:

Во-первых – ах… удивляемся с размера страницы в 1.16 мб.

Во-вторых, смотрим, что больше всего грузится – JS, CSS.

Вариантов тут два – кеширование и отдача статики, или подключение CDN.

Либо оба варианта – кешировать на своей стороне, и на CDN отдавать уже статику, а не JS+CSS+картинки.

Есть локальные решения для кеширования типа WP Super Cache.

Есть варианты подключить тот же Cloudflare – тут будет и CDN, и анти-DDoS, и WAF, и много других плюшек.

Есть вариант использовать плагин Cloudflare – Automatic Platform Optimization (APO), который позволит сразу и кешировать, и на CDN раздавать, и всё это автоматически, правда стоит 5 долларов в месяц.

Документация – Get started with APO.

Cloudflare

Регистрация

Первым делом регистрируем аккаунт в Cloudflare, можно прямо со страницы плагина:

Добавляем сайт:

Подтверждаем покупку APO:

Если аккаунт уже есть и сайт настроен, то плагин можно подключить в Speed > Optimization:

Настройка DNS

Cloudflare проверит записи на текущих name-серверах домена:

После чего добавит их на свои НС, и предложит изменить НС у регистратора.

Сейчас у меня домен на AWS Route 53, надо изменить на сервера Cloudflare:

Перед тем, как переключать домен – проверим, отдаёт ли Cloudflare запись:

[simterm]

$ dig +short @ethan.ns.cloudflare.com rtfm.co.ua
139.59.205.180

[/simterm]

Обновляем ДНС у регистратора, ждём пару минут, кликаем Done, при желании проходим по Quick Start:

Впрочем, эти опции можно будет настроить позже. Пока переходим к плагину Automatic Platform Optimization.

WordPress Cloudflare плагин

Переходим админку WordPress > Plugins > Add new, находим Cloudflare:

Для подключения плагина, переходим в аккаунт Cloudflare, My Profile > API Tokens > Create Token:

Из списка шаблонов выбираем WordPress:

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

Переходим в Settings > Cloudflare, логинимся в аккаунт используя логин (почту) и API-токен:

Можно сразу выполнить рекомендации – просто кликаем Apply, и Cloudflare всё сделает за нас:

Чуть ниже – включаем сам APO:

Собственно, на этом всё.

Можно ещё раз проверить скорость работы блога теперь:

Другое дело!

  • время загрузки: было 4.3 секунды, стало 2.6
  • размер страницы: был 1.16 мб, стало 716 кб
  • общая оценка: была D, 65%, стало A, 96%

Готово.