Інструкції

Як налаштувати кешування браузера через .htaccess

Кешування браузера каже відвідувачам зберігати картинки, CSS і скрипти локально, щоб при наступному візиті не тягнути їх із сервера. Це найпростіший спосіб прискорити повторні перегляди, і потрібен лише доступ до .htaccess.

Перевірте свій сайт

>
  1. Відкрийте .htaccess у корені сайту

    У cPanel зайдіть у File Manager, у Settings увімкніть Show Hidden Files і відкрийте .htaccess у теці public_html. Перед правкою збережіть копію файлу.

  2. Задайте час кешу через mod_expires

    Додайте блок <IfModule mod_expires.c> з ExpiresActive On і правилами ExpiresByType: наприклад, зображення й шрифти на 1 рік, CSS та JS на місяць.

  3. Продублюйте правила через Cache-Control

    У блоці <IfModule mod_headers.c> додайте Header set Cache-Control "max-age=31536000, public" для статики. Cache-Control сучасніший за Expires, але разом вони покривають усі браузери.

  4. Розділіть статику й динаміку

    Довгий кеш ставте лише на файли, що рідко змінюються: img, css, js, woff2. HTML-сторінки лишайте з коротким кешем або no-cache, інакше відвідувачі бачитимуть стару версію.

  5. Додайте версію до файлів, що змінюються

    Щоб оновлений CSS підхопився попри довгий кеш, міняйте імʼя або query: style.css?v=2. Тоді браузер вважає файл новим і завантажує його заново.

  6. Збережіть і перевірте сайт

    Збережіть .htaccess і відкрийте сайт. Якщо зʼявилась помилка 500, приберіть останній доданий блок: можливо, на сервері немає mod_expires.

Як перевірити результат

Запустіть перевірку швидкості TechGuard і подивіться на заголовки статичних файлів: там мають зʼявитись Cache-Control з max-age і Expires у майбутньому. Це підтвердить, що кеш налаштовано.

Порада: Не ставте довгий кеш на HTML-сторінки, інакше відвідувачі застрягнуть на старій версії й не побачать оновлень сайту.

Схожі інструкції

Знайшли проблеми?

Повільний хостинг, проблеми з SSL або сайт часто лежить? Переїжджайте на TomisHost: швидкий хостинг з безкоштовним SSL, щоденними бекапами та допомогою з переносом.

Хостинг TomisHost