Чтобы браузер кэшировал статические элементы (обычно: CSS, JS, изображения), необходимо отправить требуемые заголовки HTTP для этих элементов.
Обратите внимание, что это не имеет ничего общего с вашей HTML-страницей: CSS / JS / изображения выбираются с использованием отдельного HTTP-запроса - по одному на каждый актив.
Вам нужно настроить свой веб-сервер, чтобы он отправлял заголовки HTTP, чтобы указать браузеру, что он должен кэшировать эти элементы.
Как правило, если вы используете Apache, вы будете работать с mod_expires
, и вы будете использовать некоторый блок конфигурации, подобный этому:
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css "access plus 6 hours"
ExpiresByType application/javascript "access plus 6 hours"
ExpiresByType image/gif "access plus 1 weeks"
ExpiresByType image/png "access plus 1 weeks"
ExpiresByType image/jpeg "access plus 1 weeks"
</IfModule>
Примечание. Возможно, вы захотите изменить длительность кэширования в соответствии со своими потребностями.