KakapoWPKakapoWP
ВходПопробовать
Справочный центр/Performance/Кеш браузера, CDN и подсказки соединения

Кеш браузера, CDN и подсказки соединения

Относится к: Kakapo Performance·4 мин чтения

Три регулятора касаются не построения страницы, а её выдачи: долгоживущие заголовки кэша для статических файлов, CDN-хост в адресах ресурсов и ранние подсказки о соединении для сторонних хостов. Они действуют независимо от того, работает ли кеш страниц.

Правила кэша браузера в .htaccess

  1. Карточка «Кэш браузера (.htaccess)» находится в панели «Assets», под четырьмя переключателями.
  2. Посмотри на строку «Сервер»: правила действуют только на Apache и LiteSpeed.
  3. Проверь строку «.htaccess доступен для записи». Если там стоит «нет», запись завершится ошибкой с сообщением.
  4. Включи «Записывать правила кэша браузера». Блок записывается в .htaccess в каталоге WordPress.
  5. Кнопками «Записать блок» и «Удалить блок» тот же блок можно заново поставить или убрать независимо от переключателя.

Что стоит в блоке

  • Правила Expires через mod_expires для CSS, JavaScript, PNG, JPEG, GIF, WebP, AVIF, SVG, иконок и WOFF2, по одному году для каждого
  • Заголовок Cache-Control через mod_headers для тех же типов файлов плюс WOFF, TTF и OTF
  • Сжатие через mod_deflate для HTML, текста, CSS, JavaScript, JSON и SVG
Header set Cache-Control "public, max-age=31536000, immutable"
Блок стоит между двумя фиксированными строками-маркерами, и изменения между этими строками будут перезаписаны при следующей записи. При деактивации плагина блок удаляется; если это не удалось, при следующем включении карточка укажет, что он остался.

Переписать адреса ресурсов на CDN

  1. В группе «Оптимизация» (по-немецки: „Optimierung“) открой пункт «CDN».
  2. Включи «Выдача через CDN активна».
  3. В поле «Базовый URL CDN» впиши адрес CDN-хоста; он должен отражать те же пути, что и сайт.
  4. После этого в карточке «Предпросмотр» появляется пример того, как выглядит переписанный адрес.

Переписываются исключительно адреса собственного сайта и только статические ресурсы: CSS, JavaScript, изображения, шрифты, а также некоторые видео- и PDF-файлы. Затрагиваются подключённые скрипты и стили, адреса вложений, а также src, href и srcset в содержимом. Загрузка на CDN не выполняется, файлы уже должны быть там доступны.

dns-prefetch и preconnect

В панели «Preload» (заголовок «Preload / Соединения») можно задать хосты, с которыми браузер должен связаться заранее: «Хосты dns-prefetch» только разрешают имя, «Хосты preconnect» дополнительно устанавливают соединение. По одному хосту в строке; записи подключаются через фильтр WordPress для resource hints и при этом дедуплицируются.

Эта статья оказалась полезной?