2.4.1.1.5. Браузерне кешування статики
Увага!
Налаштування кешування впливають тільки на ресурси, що завантажуються браузером з нашого сервера. Для ресурсів, що завантажуються зі сторонніх сервісів, кешування потрібно налаштовувати безпосередньо на стороні цих сервісів.Використання браузерного кешування може прискорити завантаження сайту при повторних відвідуваннях і знизити число запитів до сервера. Суть полягає в тому, що при першому відвідуванні сайту сервер повідомляє браузеру, як довго йому потрібно зберігати в своєму кеші копії завантажених статичних файлів. При повторному зверненні до сайту браузер вже використовує збережені в кеші локальні копії файлів і не звертається до сервера для їх отримання.
Налаштування
- Відкрийте налаштування сайту.
- Навроти «Кешування» вкажіть період зберігання статичних ресурсів в браузері клієнта і збережіть зміни:
- Зачекайте приблизно 15-30 хвилин, поки зміни вступлять в силу.
Індивідуальний період кешування за типами файлів
Налаштування кешування через панель керування задає єдиний період для всіх типів статичних файлів. Якщо для певних типів файлів необхідно встановити індивідуальні періоди кешування, виконайте наступне:
- Приберіть зі списку статичних файлів розширення файлів, для яких хочете встановити індивідуальний період кешування.
- Пропишіть директиви кешування в файлі .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"