Кэш браузера за десять минут: три строки, которые снимают половину запросов

Кэш браузера за десять минут: три строки, которые снимают половину запросов

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

Для Apache в .htaccess:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/webp "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
</IfModule>

Для nginx в блоке сервера:

location ~ \.(css|js|webp|png|jpg|woff2)$ {
expires 30d;
add_header Cache-Control "public";
}

Дальше проверка: откройте вкладку Network, обновите страницу второй раз, посмотрите колонку Size. Если там «memory cache» или «disk cache», всё сработало.

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