Как устроен процесс загрузки страниц

Когда ты вбиваешь адрес сайта в строку браузера и нажимаешь Enter, компьютер отправляет запрос на сервер, где расположен этот ресурс. Сервер в ответ передаёт десятки и сотни отдельных файлов. Страница состоит из текстового кода HTML, таблиц стилей CSS, программ на JavaScript, десятков иконок, баннеров и картинок. Общий вес современной главной страницы часто превышает пять или десять мегабайт.

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

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

Что именно попадает в кеш

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

  • Графические файлы оформления, векторные логотипы, фотографии и значки интерфейса
  • Файлы каскадных таблиц стилей с расширением CSS, отвечающие за цвета кнопок, сетку сайта и шрифты
  • Библиотеки и программные сценарии JavaScript, обеспечивающие анимации и работу выпадающих меню
  • Файлы нестандартных шрифтов, которые браузер скачивает для правильного отображения текста
  • Фрагменты видеороликов и звуковые дорожки, которые буферизируются для плавного воспроизведения без пауз

Эксперимент с проверкой скорости загрузки

Увидеть работу кеша своими глазами можно с помощью встроенных инструментов разработчика в любом современном браузере на компьютере. Для этого эксперимента отлично подойдут Chrome, Яндекс Браузер, Firefox или Edge.

  1. Открой браузер и нажми клавишу F12 на клавиатуре, либо комбинацию клавиш Ctrl + Shift + I, чтобы вызвать консоль разработчика
  2. Перейди на вкладку Network или Сеть в появившейся служебной панели
  3. Введи адрес любого крупного новостного портала или интернет-магазина и нажми Enter
  4. Посмотри на нижнюю строчку консоли, где указан общий объём переданных данных и время полной загрузки страницы
  5. Обнови страницу обычной кнопкой перезагрузки или нажатием F5 и снова взгляни на показатели в нижней строчке

При втором открытии объём скачанных из интернета данных уменьшится в несколько раз, а рядом со многими строчками файлов появится пометка disk cache или memory cache. Время загрузки сократится с двух секунд до нескольких десятых долей секунды. Твой компьютер взял тяжёлые картинки прямо из накопителя.

Почему кеш иногда приходится принудительно очищать

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

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

Для решения этой проблемы существует сочетание клавиш для жёсткой перезагрузки страницы. Если нажать Ctrl + F5 в Windows или Command + Shift + R на компьютерах Apple, браузер полностью проигнорирует сохранённый локальный кеш и скачает все файлы сайта с сервера заново.

Как быстро очистить накопленные файлы

Периодическая профилактика помогает освободить место и устранить ошибки отображения страниц. Во всех популярных браузерах очистка вызывается единой универсальной комбинацией клавиш Ctrl + Shift + Delete на Windows или Command + Shift + Delete на macOS.

В открывшемся окне настроек браузер предложит выбрать временной диапазон и типы данных для удаления. Достаточно поставить галочку напротив пункта Изображения и другие файлы, сохранённые в кеше. Галочки с истории посещений, паролей и файлов cookie можно снять, если ты хочешь сохранить открытые сессии и автоматический вход на нужные ресурсы.

Частые вопросы

Станет ли интернет работать медленнее после полной очистки кеша?

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

Могут ли вирусы прятаться в кеше браузера?

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

Почему кеш видео на YouTube иногда тормозит воспроизведение?

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

Где физически на диске лежат закешированные файлы?

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