Кэширование Kinsta Edge: обслуживание веб-страниц до 80% быстрее (или больше)

Опубликовано: 2022-12-22

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

В Kinsta мы серьезно относимся к скорости и всегда стремимся сделать сайты наших клиентов быстрее.

Добавление кэширования Kinsta Edge в наши планы управляемого хостинга WordPress в декабре 2022 года добавило новые инструменты, помогающие клиентам быстрее отображать страницы своего веб-сайта в браузерах.

Измеряя время до первого байта (TTFB), мы увидели, что среднее время отклика во всех тестах составило 207 мс с включенным пограничным кэшированием по сравнению с 402,59 мс без пограничного кэширования. Это падение почти на 49% . Но некоторые из реальных веб-сайтов в нашем тестировании работали намного лучше, с производительностью TTFB почти на 80% быстрее с пограничным кэшированием. Ниже мы углубимся в эти цифры.

Давайте посмотрим, как может улучшиться производительность вашего веб-сайта WordPress, когда большая часть его контента находится «на грани».

Что такое пограничное кэширование?

Многие из наших клиентов хостинга WordPress уже пользуются преимуществами нашей интеграции с Cloudflare и ее пограничными серверами через Kinsta CDN. Эта сеть распространения контента размещает статические активы сайта, такие как изображения, шрифты и файлы, содержащие CSS и JavaScript, в более чем 275 местах в сети Cloudflare по всему миру. Это означает, что эти ресурсы доступны ближе к физическому местонахождению посетителей вашего сайта. Более короткие пути для этих активов приводят к меньшей задержке в сети.

Пограничное кэширование HTML-страниц WordPress очень похоже на управление активами в CDN. Разница в том, что управлять кешем файлов, таких как изображения, которые редко меняются, относительно просто. Сложнее управлять контентом, который изначально генерируется WordPress динамически, кэшируется как статический контент, а затем регенерируется каждый раз при редактировании контента.

Как содержимое кэшируется на периферии?

Пограничные кэши заполняются запросами страниц вашего сайта браузерами. Если страница еще не кэширована, запрос передается на исходный сайт WordPress, где страница может находиться в локальном кеше или может быть снова сгенерирована WordPress. Страница сохраняется в пограничном кеше на обратном пути в браузер. Будущие запросы по тому же пути будут использовать кэш до тех пор, пока он не будет очищен.

Таким же образом заполняются мобильные кэши. Если запрос на страницу поступает с мобильного устройства, контент сохраняется в мобильном кэше. (Мобильный кеш не различает, скажем, устройства iOS и Android. Запросы с планшетов группируются с содержимым рабочего стола.)

Локальный кеш WordPress и пограничный кеш

Kinsta предлагает подход без плагинов к локальному кэшированию WordPress на собственном сервере вашего сайта. Взгляд Kinsta на пограничное кэширование поддерживает эту простоту: те же шаги, которые вы предпринимали для очистки локального кеша, теперь также будут синхронизировать пограничный кеш.

Кроме того, панель управления MyKinsta включает в себя функции для очистки граничного кеша — и только граничного кеша — напрямую.

Новым в Edge Caching является возможность включения кэширования для мобильных устройств. Если ваш веб-сайт создает уникальную разметку для мобильных устройств, вы можете кэшировать этот HTML-код отдельно от содержимого для настольных устройств.

Является ли кэширование Kinsta Edge таким же, как APO Cloudflare?

Кэширование Kinsta Edge использует ту же мощную сеть пограничных серверов, которая используется службой автоматической оптимизации платформы (APO) Cloudflare. APO также предназначен для обеспечения краевого кэширования сайтов WordPress.

Вот что отличает кэширование Kinsta Edge:

  • Никаких дополнительных сборов. (Edge Caching предоставляется бесплатно со всеми планами управляемого хостинга WordPress).
  • Нет необходимости в плагине управления кешем.
  • Полная интеграция с панелью управления MyKinsta.
  • Единая платформа для управления CDN и пограничным кэшированием.
Знаете ли вы, что можете сократить время доставки веб-страницы более чем на 50%? Да, это стало возможным благодаря кэшированию Kinsta Edge! Узнайте больше в этом руководстве ️ Нажмите, чтобы твитнуть

Проверка кэширования Kinsta Edge

Перед официальным выпуском этой функции мы пригласили некоторых наших клиентов попробовать бета-версию новой службы Edge Caching, чтобы собрать отзывы. Реальные веб-сайты наших бета-тестеров по всему миру стали идеальной средой для быстрого тестирования технологии.

Из центра обработки данных Google, известного как us-central1 в Каунсил-Блаффс, штат Айова, автоматизированные инструменты нашей команды опросили веб-сайты бета-тестеров и зафиксировали время отклика для трех сценариев кэширования:

  1. Когда страница была доставлена ​​из кеша пограничного сервера Cloudflare.
  2. Когда страница не была найдена на пограничном сервере Cloudflare и была извлечена из «локального» кеша исходного сервера.
  3. Когда вообще не было кэшированной страницы, и WordPress приходилось запускать PHP-скрипты и запускать запросы к базе данных для динамического построения страницы.

Основное внимание уделялось разнице во времени отклика для локального и пограничного кэшей.

Мы измеряли время отклика двумя способами:

  1. Время до первого байта — промежуток между запросом страницы и приходом первого байта данных.
  2. Время загрузить всю HTML-страницу.

Измерение TTFB фокусируется на задержке в сети между веб-сервером и браузером, поскольку она в значительной степени не зависит от объема данных, передаваемых для завершения страницы. Время передачи полной страницы — полезная мера, отражающая реальную задачу доставки HTML в браузеры.

Пограничное кэширование в цифрах

После сотен тестов, нацеленных на сайты WordPress в центрах обработки данных по всему миру, мы обнаружили, что в среднем кэширование Kinsta Edge сократило более чем на 50% время, необходимое для доставки полных страниц в браузеры.

Взглянем:

Диаграмма, показывающая улучшения TTFB и скорости доставки страниц благодаря Edge Caching.
TTFB: 402,59 мс (локальный кеш), 207 мс (пограничный). Полная страница: 490,99 мс (локальный кеш), 223,98 мс (пограничный).

Согласно нашим тестам, Edge Caching сократил TTFB в среднем почти на 48,6%, а время передачи полных страниц сократилось почти на 54,4%.

Превышение 80% улучшения на больших расстояниях

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

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

Например, Edge Caching сократил время TTFB на 83,6 % и время передачи страниц на 85,6 % между нашим тестовым местоположением в Айове и центром обработки данных Google asia-southeast1 в Сингапуре:

Диаграмма, показывающая производительность Edge Caching для центра обработки данных Jurong West.
TTFB: 672,01 мс (локальный кеш), 110,05 мс (пограничный). Полная страница: 901,1 мс (локальный кеш), 129,79 мс (пограничный).[/caption

При подключении к сайтам WordPress в центре обработки данных Sydney australia-southeast1 показатель TTFB снизился почти на 73,6% , а время передачи страниц сократилось на 77,3% .

[заголовок align="alignnone" ширина="1000"] Диаграмма, показывающая производительность пограничного кэширования для центра обработки данных в Сиднее. TTFB: 898,26 мс (локальный кеш), 237,21 мс (пограничный). Полная страница: 1130,48 мс (локальный кеш), 256,95 мс (пограничный).

Аналогичные цифры мы видели в дата-центре australia-southeast2 в Мельбурне. На сайтах WordPress клиентов Kinsta Edge Caching сократил TTFB в среднем на 77,8% , а передача страниц — почти на 82,7% :

Диаграмма, показывающая производительность пограничного кэширования для центра обработки данных в Мельбурне.
TTFB: 607,37 мс (локальный кеш), 134,63 мс (пограничный). Полная страница: 812,46 мс (локальный кеш), 140,62 мс (пограничный).

При подключении к сайтам, размещенным в центре обработки данных europe-north1 в Хамине, Финляндия, показатель TTFB снизился почти на 41,7% , а время передачи страниц сократилось более чем на 56,3% .

Диаграмма, показывающая производительность Edge Caching для центра обработки данных Hamina.
TTFB: 579,81 мс (локальный кеш), 338,17 мс (пограничный). Полная страница: 822,21 мс (локальный кеш), 358,89 мс (пограничный).

Для сайтов, размещенных в центре обработки данных europe-west1 в Санкт-Гислене, Бельгия, время TTFB и время передачи страниц сократилось на 69 % .

Диаграмма, показывающая производительность граничного кэширования для центра обработки данных Ghislain.
TTFB: 464,64 мс (локальный кеш), 143,13 мс (пограничный). Полная страница: 464,92 мс (локальный кеш), 143,38 мс (пограничный).

Веб-сайты, протестированные в центре обработки данных europe-west2 в Лондоне, Великобритания, показали снижение TTFB на 58% и время передачи страниц на 60,8% .

Диаграмма, показывающая производительность пограничного кэширования для лондонского центра обработки данных.
TTFB: 372,4 мс (локальный кеш), 156,17 мс (пограничный). Полная страница: 458,18 мс (локальный кеш), 179,34 мс (пограничный).

В центре обработки данных europe-west3 во Франкфурте (Германия) показатель TTFB снизился почти на 64% , а время передачи страниц сократилось на 67,5% .

Диаграмма, показывающая производительность Edge Caching для центра обработки данных во Франкфурте.
TTFB: 409,27 мс (локальный кеш), 147,42 мс (пограничный). Полная страница: 507,52 мс (локальный кеш), 164,98 мс (пограничный).

При подключении к сайтам, размещенным в центре обработки данных europe-west4 в Эмсхавене, Нидерланды, TTFB снизился почти на 56% , а время передачи страниц сократилось на 63,6% .

Диаграмма, показывающая производительность пограничного кэширования для центра обработки данных Eemshaven.
TTFB: 394,49 мс (локальный кеш), 173,76 мс (пограничный). Полная страница: 538,84 мс (локальный кеш), 195,82 мс (пограничный).

Во время тестирования сайтов в центре обработки данных northamerica-northeast1 в Монреале, Канада, показатель TTFB снизился чуть более чем на 10% , а время передачи страниц сократилось чуть более чем на 16,2% .

Диаграмма, показывающая производительность пограничного кэширования для центра обработки данных в Монреале.
TTFB: 325,3 мс (локальный кеш), 292,28 мс (граничный). Полная страница: 351,1 мс (локальный кеш), 294,15 мс (пограничный).

В центре обработки данных us-east5 в Колумбусе, штат Огайо, время TTFB и время передачи страниц сократилось почти на 59% .

Диаграмма, показывающая производительность пограничного кэширования для центра обработки данных Columbus.
TTFB: 326,69 мс (локальный кеш), 133,97 мс (пограничный). Полная страница: 341,15 мс (локальный кеш), 140,5 мс (пограничный).

В центре обработки данных us-west4 в Лас-Вегасе, штат Невада, США, показатель TTFB снизился чуть более чем на 54,7 % , а время передачи страниц — почти на 57,3 % .

Диаграмма, показывающая производительность Edge Caching для центра обработки данных в Лас-Вегасе.
TTFB: 366,73 мс (локальный кеш), 165,88 мс (граничный). Полная страница: 413,39 мс (локальный кеш), 176,63 мс (пограничный).

Но не только Kinsta проверяет Edge Caching.

Брайан Джексон, соучредитель цифрового агентства forgemedia, рассчитал время TTFB и полного рендеринга страниц WordPress в браузере после Edge Caching. Он также рассматривал наибольшую содержательную отрисовку (LCP), точку, в которой было отрисовано достаточно основного контента страницы, чтобы пользователь мог воспринимать его как пригодный для использования. Свои выводы он опубликовал в Twitter:

Скриншот твита Брайана Джексона.
Твиттер/Брайан Джексон. (Посмотреть в Твиттере.)

Саймон Харпер из SRH Design протестировал кэширование Kinsta Edge, взглянув на TTFB и LCP, а также на первую содержательную отрисовку (FCP), которая представляет собой начальное появление любого контента на экране, даже если это не основной контент страницы. Он также сообщил через Twitter:

Скриншот твита Саймона Харпера.
Твиттер/Саймон Харпер. (Посмотреть в Твиттере.)

Структура веб-страниц и связанные ресурсы, такие как JavaScript, CSS и изображения, могут влиять на FCP и LCP, но все начинается с доставки HTML-кода страницы в браузер.

Вы готовы раскрыть весь потенциал своего сайта? Доставляйте страницы вашего сайта с молниеносной скоростью (особенно по всему миру) с кэшированием Kinsta Edge! ️ Начните здесь Нажмите, чтобы твитнуть

Начало работы с кэшированием Kinsta Edge

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

Начиная с января 2023 года, Kinsta автоматически включит пограничное кэширование на существующих сайтах, совместимых с сервисом. Если вы хотите, чтобы Edge Caching сразу заработал на вашем существующем сайте, вы можете включить его сейчас следующим образом:

Боретесь с простоями и проблемами WordPress? Kinsta — это решение для хостинга, предназначенное для экономии вашего времени! Ознакомьтесь с нашими возможностями
  • Выберите Сайты WordPress в левой панели навигации.
  • Выберите имя сайта, для которого вы хотите включить пограничное кэширование.
  • Выберите пограничное кэширование .
  • Нажмите кнопку « Включить пограничное кэширование ».
Снимок экрана: включение пограничного кэширования в MyKinsta.
Включение пограничного кэширования на панели инструментов MyKinsta.

Кэшируйте свой мобильный контент на периферии

Если ваш веб-сайт обнаруживает мобильные браузеры и создает страницы с разметкой, уникальной для этих устройств, вы можете включить мобильный кеш отдельно от контента для пользователей настольных компьютеров.

Включите мобильное кэширование в MyKinsta следующим образом:

  • Выберите Сайты WordPress в левой панели навигации.
  • Выберите имя сайта, для которого включено пограничное кэширование.
  • Выберите пограничное кэширование .
  • Нажмите кнопку « Включить мобильный кэш ».
Скриншот: включение мобильного кеша в MyKinsta.
Включение пограничного кэширования для мобильных устройств.

Вам не нужно включать кэширование для мобильных устройств, если дизайн вашего веб-сайта поддерживает как настольные, так и мобильные браузеры с одинаковой адаптивной разметкой HTML/CSS.

Управление кэшированным содержимым

Кэширование Kinsta Edge предназначено для бесперебойной работы с инструментами управления кешем, которые большинство наших клиентов уже используют на своих веб-сайтах WordPress. Вы также можете настроить таргетинг на контент в пограничном кеше непосредственно в MyKinsta здесь:

  • Выберите Сайты WordPress в левой панели навигации.
  • Выберите имя сайта, для которого включено пограничное кэширование.
  • Выберите пограничное кэширование .
Скриншот: очистка кэшей в MyKinsta.
Очистка пограничных кешей на панели инструментов MyKinsta.

Чтобы очистить все страницы вашего сайта из глобального пограничного кэша, нажмите кнопку « Очистить кэш ».

Если вам нужно очистить только определенные страницы или пути, вставьте целевой URL-адрес в поле « Очистить кэш URL -адресов» и нажмите кнопку « Очистить кэш URL -адресов». Очистите кеш для всего содержимого по определенному пути, установив флажок Очистить кеш каждого подкаталога по указанному URL-адресу .

Отказ от пограничного кэширования

Если вы знаете, что Edge Caching не подходит для вашего веб-сайта, вы можете отказаться от него до того, как мы начнем включать эту услугу для большинства существующих сайтов в январе 2023 года.

В MyKinsta:

  • Выберите Сайты WordPress в левой панели навигации.
  • Выберите имя вашего сайта WordPress.
  • Выберите пограничное кэширование .
  • Включите переключатель « Я хочу отказаться… ».
Скриншот: Отказ от пограничного кэширования в MyKinsta.
Отказ от пограничного кэширования с помощью панели управления MyKinsta.

Если Edge Caching уже включен для веб-сайта, вы найдете кнопку « Отключить » в правом верхнем углу страницы:

Снимок экрана: отключение пограничного кэширования в MyKinsta.
Отключение пограничного кэширования

Быстрые вопросы о пограничном кэшировании

Вам может быть интересно…

Является ли кеширование Edge бесплатным на всех планах?

Да. Пограничное кэширование включено по умолчанию на всех живых сайтах, созданных на панели инструментов MyKinsta. Пограничное кэширование также доступно на промежуточных сайтах в премиум-аккаунтах.

Повышает ли кеширование Edge производительность мобильной версии моего веб-сайта?

Вы можете включить специальный кеш для мобильных устройств для веб-сайтов, которые генерируют разметку, адаптированную для мобильных устройств. Если дизайн вашего веб-сайта поддерживает как настольные, так и мобильные браузеры с одинаковой адаптивной разметкой HTML/CSS, мобильный кеш не требуется.

Нужно ли использовать плагины для оптимизации WordPress?

Платформа управляемого хостинга WordPress от Kinsta обеспечивает локальное кэширование, пограничное кэширование и CDN, точно настроенную для поддержки самой популярной в мире CMS. Никаких сторонних плагинов WordPress не требуется.

Могу ли я отключить пограничное кэширование?

Да. Вы можете отключить кеширование Edge для любого типа на панели инструментов MyKinsta. Если вы не уверены, совместим ли ваш сайт с Edge Caching, обратитесь за советом в службу поддержки Kinsta.

Резюме

Обещание Интернета всегда заключалось в том, чтобы соединить людей по всему миру. Но оказывается, что физическое расстояние между серверами и посетителями оказывает реальное влияние на воспринимаемую производительность веб-сайтов. Пограничное кэширование перемещает этот контент ближе к веб-браузерам и ускоряет важный первый шаг к более быстрой загрузке страниц.

Kinsta делает Edge Caching основным компонентом своей службы управляемого хостинга WordPress, дополняя функции CDN и сетевой безопасности, которые поставляются с нашей интеграцией с Cloudflare.

В среднем Kinsta Edge Caching сокращает вдвое время, необходимое для доставки HTML веб-страниц посетителям вашего сайта. Для веб-сайтов с действительно глобальной аудиторией увеличение скорости может быть значительно выше.

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