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

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

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

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

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

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

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

  • для Chrome это Ctrl+F5 или Shift+F5 или Ctrl+Shift+R
  • для Firefox это Ctrl+F5 или Ctrl+Shift+R
  • для Internet Explorer это Ctrl+F5

Кроме этого в Chrome есть ещё одна возможность, чтобы так сказать наверняка. Для этого открываем средства разработчика нажав клавишу F12, наводим мышь на значок обновить (слева от адресной строки) и щелкаем правой кнопкой мыши по нему. В появившемся окне нажимаем Аппаратная перезагрузка или если ещё и хотим очистить кэш, что вполне логично, то выбираем Очистка кэша и аппаратная перезагрузка.

Принудительная перезагрузка страницы в Chrome

Рисунок 1. Перезагрузка страницы в Chrome