2.4.1.1.5. Браузерне кешування статики

Використання кешування браузера може прискорити завантаження сайту при повторних відвідуваннях і знизити кількість запитів до сервера. Суть полягає в тому, що при першому відвідуванні сайту сервер повідомляє браузеру, як довго йому потрібно зберігати в своєму кеші копії завантажених статичних файлів. При повторному зверненні до сайту браузер вже використовує збережені в кеші локальні копії файлів і не звертається до сервера для їх отримання.

1. Відкрийте розділ «Налаштування сайту».
2. У полі «Кешування» вкажіть період зберігання статичних ресурсів у браузері клієнта та збережіть зміни:

   • Готовий варіант
   • Свій варіант

   Виберіть 1, 3, 8 або 12 годин, 1 день, 1 тиждень, 1, 3 або 6 місяців, або 1 рік:

   Виберіть «Свій варіант (в годинах)» і вкажіть потрібний період в годинах:
3. Зачекайте приблизно 15-30 хвилин, поки зміни набудуть чинності.

Налаштування кешування через панель керування задає єдиний період для всіх типів статичних файлів. Якщо для певних типів файлів необхідно встановити індивідуальні періоди кешування, виконайте наступне:

1. Видаліть зі списку статичних файлів розширення файлів, для яких хочете встановити індивідуальний період кешування.
2. Додайте директиви кешування у файл .htaccess.

Приклади директив кешування:

# кешувати файли html і htm на добу
<FilesMatch "\.(html|htm)$">
  Header set Cache-Control "max-age=43200"
</FilesMatch>
# кешувати файли css і js на тиждень
<FilesMatch "\.(css|js)$">
  Header set Cache-Control "max-age=604800"
</FilesMatch>
# вимкнути кешування файлів txt і zip
<FilesMatch "\.(txt|zip)$">
  Header unset Cache-Control
</FilesMatch>

ExpiresActive On
# кеш за замовчуванням 30 секунд
ExpiresDefault "access plus 30 seconds"
# кешувати файли html і htm на добу
ExpiresByType text/html "access plus 43200 seconds"
# кешувати файли css і js на тиждень
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"