Довідка та документація
Швидкість Середній вплив Просте 15–30 хв
Кеш у браузері
Статичні файли мають зберігатися у відвідувача.
Що це
Кеш у браузері (через заголовки Cache-Control / Expires) дозволяє браузеру зберегти статичні файли (зображення, CSS, JS, шрифти) і за наступного відвідування не завантажувати їх знову.
Чому це важливо
Без кешу відвідувач, що повертається, завантажує все знову при кожному завантаженні — зайво повільно й затратно за даними. Правильний кеш суттєво прискорює повторні відвідування та розвантажує сервер.
Як це зробити
- 1Налаштуйте довгий кеш (напр., 1 рік) для незмінних статичних файлів.
- 2Використовуйте «cache busting» — версіонування в назві (app.4f3a.js), щоб при зміні користувач отримав нову версію.
- 3HTML тримайте з коротким або відсутнім кешем (має бути актуальним).
- 4Перевірте заголовки Cache-Control у відповіді.
Кеш статичних файлів (.htaccess)
Правильно
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/webp "access plus 1 year"
ExpiresByType text/css "access plus 1 year"
ExpiresByType application/javascript "access plus 1 year"
</IfModule>Висновок
Кеш у браузері — дешевий спосіб прискорити повторні відвідування. Ключ — поєднання довгого кешу для статики + версіонування назв, щоб ви могли змінювати файли без ризику, що користувач побачить стару версію. HTML навпаки залишайте свіжим.
Повʼязані теми