Кэш

Кэш (кеш, cache) – это временное хранилище копий данных, из которого их можно отдать быстрее, чем получать заново. У сайта это копии страниц, картинок, скриптов и ответов базы данных, которые лежат в браузере посетителя, на сервере или в CDN.

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

Браузер, CDN, сервер, поисковик: где лежат копии

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

Что именно ускоряет кэш: повторные визиты и первый байт

Кэш браузера ускоряет повторные визиты и переходы между страницами: общие файлы не скачиваются второй раз. Серверный кэш сокращает время до первого байта, потому что серверу не нужно ждать базу и код CMS. Оба влияют на скорость сайта и метрики Core Web Vitals.

В 1С-Битрикс есть кеширование компонентов и технология «Композитный сайт», которая отдаёт статическую часть страницы сразу, а динамические блоки вроде корзины подгружает отдельно. Похожие механизмы есть у WordPress и других CMS в виде плагинов и модулей.

Cache-Control для статики и HTML: max-age, no-cache, no-store

Браузер решает, сколько хранить файл, по заголовкам ответа сервера. Типичная схема такая:

# Стили, скрипты, картинки с версией в имени файла
Cache-Control: public, max-age=31536000, immutable

# HTML-страницы
Cache-Control: no-cache

Здесь часто путаются. Значение no-cache не запрещает кэш: браузер хранит копию, но перед показом спрашивает сервер, не изменилась ли она. Полный запрет задаёт no-store, его ставят на страницы с личными данными. Чтобы долгий кэш статики не мешал обновлениям, в имя файла добавляют версию: style.css?v=12 или style.a1b2c3.css. Поменяли стили, поменялась версия, и браузер скачает новый файл.

Last-Modified, ответ 304 и сохранённая копия: кэш для поисковиков

Роботы тоже умеют экономить. Сервер передаёт дату изменения страницы (Last-Modified) или её отпечаток (ETag). При следующем обходе робот спрашивает, менялась ли страница, и если нет, сервер отвечает кодом 304 Not Modified без тела. Робот не тратит время на скачивание и быстрее доходит до новых страниц.

Отдельно стоит сохранённая копия в поисковике. Яндекс показывает ссылку на неё в выдаче, а запретить её можно мета-тегом robots со значением noarchive. В справке Google по операторам поиска на момент написания оператора cache: уже нет.

Старая цена, чужой кабинет, застрявшая ошибка: когда кэш вредит

• Изменили цену или акцию, а часть посетителей видит старую версию страницы.
• Обновили стили без смены версии файла, и вёрстка у постоянных посетителей «поехала».
• Браузеры запомнили ошибочный 301 редирект. Его кэшируют надолго, и отменить ошибку у тех, кто уже перешёл, сложно.
• Серверный кэш сохранил страницу авторизованного пользователя и показывает её другим.
• В кэш попала страница с ошибкой сервера и отдаётся, когда сайт уже работает.

Как сбросить кэш после правок и не перегрузить сервер

Сбрасывать кэш нужно после изменений, которые посетитель должен увидеть сразу: цены, акции, контакты, вёрстка. Порядок обычно такой: очистить кэш в CMS, затем кэш CDN, если он есть, и проверить страницу в окне инкогнито. Браузерный кэш посетителей вы не очистите, поэтому для стилей и скриптов и нужна версия в имени файла.

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

Как проверить кэширование в браузере и PageSpeed Insights

1. Откройте инструменты разработчика в браузере, вкладку Network, и обновите страницу. У файлов из кэша в колонке размера будет пометка disk cache или memory cache.
2. Посмотрите заголовки ответа: Cache-Control, Expires, ETag, Last-Modified. CDN обычно добавляет свой заголовок о попадании в кэш.
3. Прогоните страницу через PageSpeed Insights: он отмечает статические файлы с коротким сроком хранения.
4. Чтобы увидеть сайт без кэша браузера, обновите страницу с очисткой кэша или откройте её в режиме инкогнито.

Очистка кэша, старые цены и сроки хранения файлов

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

Документация MDN, Яндекса и 1С-Битрикс о кэшировании

• MDN Web Docs: HTTP-заголовок Cache-Control
• Справка Яндекс Вебмастера: мета-тег robots и сохранённая копия
• Документация 1С-Битрикс: кеширование и «Композитный сайт»