← Все статьи

Что такое кэш браузера

10.09.20262 мин чтения
Готовил · Проверил и отредактировал

Кэш браузера

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

Из этого вытекает эффект, знакомый всем, кто хоть раз правил сайт: поправили логотип, обновили текст, а у вас на экране — всё по-старому. Браузер добросовестно отдаёт сохранённую версию и даже не спрашивает сервер, не изменилось ли что-нибудь. Чтобы увидеть свежую версию, достаточно нажать Ctrl+Shift+R (или Cmd+Shift+R на Mac) — это жёсткое обновление, при котором браузер игнорирует кэш и скачивает всё заново. Альтернатива — открыть страницу в режиме инкогнито: там кэш предыдущих сессий не используется. Именно это стоит попробовать первым, прежде чем писать «сайт сломался».

Кэш браузера — не единственный кэш в цепочке. Серверный кэш хранит готовые страницы на самом сервере, чтобы не генерировать их заново при каждом запросе. Кэш CDN-сети (Content Delivery Network) держит копии файлов на серверах, географически близких к пользователям. Когда правки на сайте не появляются даже после жёсткого обновления браузера, причина чаще всего в серверном или CDN-кэше: они работают по той же логике, но сбрасываются через панель управления хостинга или настройки CDN — браузер на них не влияет.

Для посетителя кэш — скорее благо, чем помеха. Повторные заходы грузятся быстрее, трафик тратится меньше, страницы реагируют отзывчивее. Для владельца сайта важно понимать, что кэш браузера управляется заголовками, которые сервер отправляет вместе с файлами: Cache-Control задаёт, сколько времени браузер считает файл актуальным. Современные сборщики проектов добавляют к именам файлов хэш — уникальный отпечаток содержимого — поэтому после каждого обновления CSS или JS браузер видит новое имя файла и скачивает его заново, не дожидаясь истечения срока. Так кэш работает в вашу пользу, а не против вас.