При первом посещении веб-сайта браузер загружает множество файлов для отображения страницы. Это включает в себя HTML-код, изображения, таблицы стилей и файлы JavaScript. Это может привести к значительному объёму данных и может замедлить загрузку, особенно на мобильных устройствах, из-за кэширования браузера.
Однако большинство этих файлов используются на всем сайте. Один и тот же логотип, одна и та же таблица стилей и одни и те же файлы JavaScript используются на каждой странице. Разве не было бы здорово, если бы все эти файлы нужно было загружать только один раз? Именно это и происходит. кеширование браузера Он сохраняет копию этих файлов в браузере посетителя, и в следующий раз, когда этот файл понадобится, браузер получит его из собственного кэша, а не с сервера. В результате работа пользователя становится гораздо быстрее и эффективнее.
Как работает кэширование браузера
Идея кэширования в браузере проста. Вы устанавливаете истечения срока для файла, который сообщает браузеру, как долго он может хранить этот файл, прежде чем потребуется загрузить новую копию. Например, вы можете указать браузеру кэшировать таблицу стилей на месяц. После первого посещения таблица стилей сохраняется локально, и браузер не будет загружать новую копию с сервера в течение 30 дней.
Это отличный способ повысить скорость загрузки страниц, но есть одна загвоздка. Если вы измените кешированный файл, посетитель, который уже посещал ваш сайт, будет видеть старую версию до истечения срока действия кэша. Мы поговорим о том, как это исправить, чуть позже.
Проверьте, включено ли на вашем сайте кэширование браузера.
Сейчас вы, вероятно, задаетесь вопросом, включено ли кэширование на вашем сайте. Вы можете использовать Инструмент аудита сайта ClickRank для одновременной проверки всего вашего сайта. Он может сканировать каждый файл на вашем сайте и показывать срок действия каждого из них. Это важный шаг для оценки производительности вашего сайта и скорости загрузки страниц.
Как настроить кеширование браузера
Настройка кэширования в браузере — простая, но важная задача. Если явно не указать срок действия кэша, браузер посетителя будет постоянно пытаться загрузить с сервера новую копию, что может значительно замедлить работу.
Apache: Заголовки истекают
Если вы используете сервер Apache, вы можете настроить кэширование, отредактировав свой .htaccess Файл. Вы можете установить срок действия для каждого типа файла отдельно. Например, для шрифтов можно установить срок действия один год, для изображений — три месяца, а для таблиц стилей и JavaScript — один месяц. Это простой и эффективный способ включить кэширование браузера.
Apache Cache-control
Альтернативный способ установки инструкций кэширования — это Cache-Control Заголовок. Он работает очень похоже и имеет несколько дополнительных опций. Для большинства сайтов достаточно использовать заголовки Expires.
Кэширование браузера в WordPress
Если вы используете CMS, например, WordPress, вы можете включить кэширование в браузере с помощью плагина. Существует множество отличных плагинов, позволяющих включить кэширование всего за несколько кликов. Это отличный вариант, если у вас нет доступа к серверу. .htaccess Файл или вы предпочитаете использовать плагин, который будет обрабатывать его автоматически. Комплексная платформа Кликранк может помочь вам в этом. Например, платформа может просканировать ваш сайт на наличие проблем с кэшированием и предоставить вам список приоритетных задач для их устранения.
Аннулирование кэша
Что делать, если вам нужно изменить кешированный файл? Например, вы сменили логотип, но все, кто недавно посещал ваш сайт, по-прежнему видят старый. Просить всех очистить кеш — не выход.
Один из способов исправить это — изменить имя файла. Например, можно изменить style.css в стиль-новый.cssБраузер воспримет это как новый файл и загрузит последнюю версию с сервера. Это простой и эффективный способ заставить браузер загрузить новый файл, даже если срок его действия ещё не истёк.
