Cloudflare Cache Everything улучшает WordPress TTFB на 90%

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

Ваши посетители не будут ждать загрузки ваших веб-страниц более пары секунд, прежде чем уйти. Google ясно дает понять, что время отклика является важным фактором ранжирования в поиске. Так что да, скорость сегодня имеет значение для вашего сайта.

Относительно легко получить разумную скорость загрузки страницы для рабочего стола с помощью WordPress. Но мобильная скорость не так проста.

Однако есть способ значительно повысить скорость вашего сайта с помощью правил страницы Cloudflare.

Вы используете Cloudflare?

Первым шагом к улучшению времени отклика на стороне сервера является запуск вашего сайта в CDN (сети доставки контента).

Самый популярный сервис у большинства блоггеров — Cloudflare, потому что он очень эффективный, надежный и бесплатный.

Если вам нужно добавить свой сайт в Cloudflare, этот учебник от WP Beginner — отличное место для начала.

Но если вы уже используете его, вы можете значительно повысить производительность вашего времени до первого байта (TTFB).

Это один из самых важных факторов для скорости загрузки сайта.

В предыдущей статье я писал об улучшении скорости страниц администрирования WordPress с помощью трех правил страницы.

Но для этого исправления вам нужно использовать правило кэширования всего Cloudflare.

Если вы используете бесплатную учетную запись Cloudflare, вы получаете только три правила страницы.

Таким образом, потребуются изменения существующих правил страницы.

Но это стоит усилий.

Снижение TTFB

Вот несколько примеров того, насколько эти изменения могут повлиять на скорость вашего TTFB.

Два изображения ниже с использованием инструментов Chrome Deleveopers показывают, насколько сильно вы можете повлиять на скорость вашего мобильного устройства.

Первый не оптимизирован и имеет TTFB 1,55 секунды.

Вы можете увидеть улучшение здесь после добавления нового правила Cloudflare. TTFB теперь составляет всего 33,25 миллисекунды.

В моей учетной записи Freshping вы можете увидеть общее время отклика для трех сайтов, которые я оптимизировал.

Они на 90% быстрее, чем четыре сайта, еще не полностью кэшированные.

Как применить кеш Cloudflare ко всему

Прежде чем вы приступите к внесению этих изменений, одно предупреждение.

Этот метод подходит только для достаточно статического сайта, который меняется не очень часто.

Плохая идея, если у вас есть динамический контент, такой как меняющиеся виджеты, каналы Twitter, ползунки или регулярные обновления информации.

Когда вы добавляете кеширование всего в Cloudflare, он делает то, что говорит.

Вот как вы можете добавить улучшение скорости сайта с панели инструментов Cloudflare.

Для начала вам нужно будет добавить новое правило. Нажмите на кнопку приложения правил страницы в верхнем меню.

Если у вас уже есть три правила, вам нужно будет удалить одно. В моем случае я удалил правило *preview=true*.

Теперь добавьте новое правило страницы для URL-адреса вашего веб-сайта со звездочкой на каждом конце.

Затем добавьте эти настройки правила.

TTL кеша браузера — 1 час
Уровень кэша — кэшировать все
Пограничный кэш TTL — 7 дней

Нажмите «Сохранить», и теперь все настроено для ваших заголовков управления кешем.

Одно важное замечание: проверьте и убедитесь, что вы упорядочиваете свои правила, как на изображении выше.

Правило кеша вашего сайта должно идти после ваших правил wp-login и wp-admin, чтобы защитить исходный контроль кеша ваших страниц администратора.

Вы также должны проверить настройки кеша браузера Cloudflare, чтобы убедиться, что вы выбрали «Уважать существующие заголовки».

Проверить ракетный загрузчик

Вы также можете проверить, используете ли вы Cloudflare Rocket Loader.

Когда это работает, это работает очень хорошо, но это также может сломать ваш сайт. У меня он работает на двух сайтах, и все в порядке.

Но на другом сайте это вызывает проблемы, поэтому я его отключил.

Убедившись, что все настройки верны, перейдите на свой сайт, чтобы проверить, все ли работает должным образом. Теперь он должен загружаться почти мгновенно.

Затем проверьте скорость своего сайта с помощью Google Page Speed ​​Insights, GTMetrix или Pingdom, чтобы увидеть улучшение.

Ваша цель должна быть менее 200 мс для TTFB и менее 2 секунд для полной загрузки.

Вот скриншот времени загрузки одного из моих сайтов на GTMetrix. Вы можете видеть, что он полностью загружается всего за 0,6 секунды.

Один недостаток и решение

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

Это может занять много времени.

Поэтому, когда вы добавляете новую публикацию или редактируете существующую публикацию, вы не увидите изменений. Это также относится к новым комментариям на вашем сайте.

Единственный способ обойти это — установить плагин Cloudflare.

Мне не нравится добавлять дополнительные плагины, но этот необходим для исправления скорости.

Как только вы добавите его, включите автоматическое управление кэшем.

Теперь он будет очищать отдельные файлы, которые вы создаете или редактируете, а затем кэширует новые файлы с исходного веб-сервера.

С помощью плагина вы также можете очистить весь свой сайт. Но это действие увеличит время загрузки.

Лучше приостановить работу вашего веб-сайта в Cloudflare, если вы хотите обойти проблемы с кешем и исследовать любые проблемы.

Кнопка, которую вы действительно не должны нажимать, — это «Оптимизировать Cloudflare для WordPress».

Если вы это сделаете, это изменит множество настроек, которые могут быть нежелательными для вас. К ним относятся минимизация HTML, javascript и CSS, а также изменение существующих настроек заголовков.

Обновление: новое и гораздо лучшее решение

С момента написания этой статьи появился новый бесплатный плагин для WordPress, который решает почти все проблемы с Cloudflare Cache Everything.

Super Page Cache для Cloudflare прост в установке и дает вам большой контроль.

Плагин помогает кэшировать не только статические файлы (например, CSS, JS, изображения и т. д.), но и веб-страницы в формате HTML, сгенерированные WordPress, как на уровне диска сервера, так и в глобальной CDN Cloudflare.

Я установил его на один из своих сайтов, и он работал безупречно. TTFB упал с почти секунды до менее чем 0,2 секунды.

Это сопоставимо с Cloudflare APO, который не является бесплатным сервисом.

Но если вы используете бесплатную учетную запись Cloudflare, этот бесплатный плагин будет делать почти все, что может делать APO.

Я использую этот плагин кэширования в Just Publishing Advice, и с его помощью легко получить отличный результат Core Web Vitals.

Вы можете проверить любую страницу на этом сайте с помощью PageSpeed ​​Insights или GTMetrix, чтобы увидеть, насколько хорошо все работает с кэшем.

Я был бы удивлен, если бы вы не получили полностью зеленый результат.

Если вы хотите улучшить скорость загрузки и Core Web Vitals, на это действительно стоит обратить внимание.

Резюме

Cloudflare Cache Все работает очень хорошо и значительно ускорит работу вашего сайта. Это особенно эффективно для повышения скорости мобильного сайта.

Но это не для каждого сайта, и могут быть недостатки в зависимости от вашей темы, функциональности и дизайна сайта.

Этот метод кэширования очень агрессивен, поэтому все перепроверяйте.

В идеале вы должны попробовать его на промежуточном сайте или в песочнице, чтобы убедиться, что ваш сайт работает без проблем.

Если вы реализуете его на своем работающем сайте и столкнетесь с проблемами, вы всегда можете удалить правило страницы. Затем полностью очистите свой сайт в Cloudflare.

Затем вы вернетесь к тому, с чего начали.

Если вам нужна помощь, в службе поддержки Cloudflare есть много записей о кэшировании статического контента и кэшировании всего.