Статья описывает процесс настройки заголовка Cache-Control: max-age=31536000 для статических файлов (CSS и JS) на хостинге Beget. Описаны шаги по доступу к файлам сайта, редактированию файла .htaccess, добавлению директивы для Cache-Control, сохранению и загрузке изменений, а также проверке настроек.
Для настройки заголовка Cache-Control: max-age=31536000 для статики на хостинге Beget, вам необходимо выполнить следующие шаги:
-
Доступ к файлам сайта:
- Войдите в панель управления хостингом Beget.
- Перейдите в раздел управления файлами вашего сайта (обычно это делается через FTP или файловый менеджер в панели управления).
-
Редактирование файла .htaccess:
- Найдите файл .htaccess в корне вашего сайта. Если такого файла нет, создайте его.
- Откройте файл .htaccess в текстовом редакторе.
-
Добавление директивы для Cache-Control:
- Вставьте следующую строку в файл .htaccess:
<FilesMatch ".(css|js)$"> Header set Cache-Control "max-age=31536000" </FilesMatch>- Эта директива указывает серверу отправлять заголовок Cache-Control с параметром max-age=31536000 для всех файлов с расширениями .css и .js. Значение 31536000 соответствует одному году в секундах.
-
Сохранение и загрузка изменений:
- Сохраните изменения в файле .htaccess.
- Загрузите изменённый файл обратно на сервер.
-
Проверка настроек:
- После внесения изменений, проверьте, что заголовок Cache-Control корректно устанавливается для ваших CSS и JS файлов. Это можно сделать с помощью инструментов разработчика в браузере (например, вкладка Network в Chrome DevTools).
-
Дополнительные настройки:
- Если вы используете CDN или другие сервисы для доставки статического контента, убедитесь, что они также поддерживают и передают заголовок Cache-Control с указанным значением.
Следуя этим шагам, вы настроите кэширование статических файлов (CSS и JS) на стороне клиента, что позволит браузерам пользователей не запрашивать эти файлы у сервера в течение года, если они не изменились. Это значительно улучшит время загрузки вашего сайта для повторных посетителей.