Давно уже видел проблему со скоростью загрузки блога. У меня на машине он открывается сравнительно быстро за счёт кеша браузера, а вот для других посетителей скорость достаточно печальная, что подтверждается проверкой на, например, 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%
Готово.