Що таке кешування браузера і як я можу активувати його для свого сайту?

Вступ

Щоб зрозуміти, як Використовуйте кешування браузера вам потрібно знати, як працює веб-сервер і браузер. Давайте коротко розглянемо цей процес.

Щоб отримати доступ до веб-сайту, вам потрібен веб-браузер, наприклад, Google Chrome або Mozilla Firefox. Зазвичай веб-сайт розміщується на веб-сервері, який надсилає його вміст у браузер користувача щоразу, коли він відвідує веб-сайт. Веб-сайт створюється за допомогою різних типів файлів: динамічних, таких як PHP-файли, або статичних, таких як HTML, JS, CSS і зображення. Якщо сторінки веб-сайту невеликі (кілька кілобайтів), вони завантажуються швидше, оскільки веб-сервер надсилає браузеру лише невелику частину вмісту. Однак, якщо сторінка більша (3-4 МБ або більше) і містить багато статичних ресурсів, вона буде завантажуватися довше.

Використовуйте кешування браузера

Для того, щоб скоротити час завантаження об'ємних сторінок, в Використовуйте кешування браузера який дозволяє браузерам завантажувати деякі статичні ресурси веб-сайтів, що відвідуються локально. Цей процес має на меті зменшити кількість запитів до веб-сервера під час відвідування веб-сайту, що, в свою чергу, зменшує обсяг даних, які браузеру потрібно завантажити. Що відбувається в результаті? Веб-сайт завантажується швидше.

Сам веб-сервер - в даному випадку Apache і його mod_expires - дозволяє використовувати кешування браузера. Щоб увімкнути цю функцію, вам потрібно змінити заголовки HTTP і встановити час закінчення терміну дії для типів файлів, які ви хочете використовувати. Це робиться шляхом додавання правил до вашого файлу .htaccess.

Створіть цей файл у кореневому каталозі домену, для якого ви хочете використовувати Leverage Browser Cache, або відкрийте його для редагування, якщо він вже існує. Скопіюйте наступні рядки і вставте їх у файл .htaccess:

# Включено Закінчується термін дії заголовків

ЗакінчуєтьсяАктивний на

# Set Expires Default
ExpiresDefault "доступ плюс 1 рік"

# Set Expires Заголовок для кешу.
ExpiresByType text/cache-manifest "доступ плюс 0 секунд"

# Ваш документ html
ExpiresByType text/html "доступ плюс 0 секунд"

# Дані
ExpiresByType text/xml "доступ плюс 0 секунд"
ExpiresByType application/xml "доступ плюс 0 секунд"
ExpiresByType application/json "доступ плюс 0 секунд"

# RSS-стрічка
ExpiresByType application/rss+xml "доступ плюс 1 година"
ExpiresByType application/atom+xml "доступ плюс 1 година"

# Favicon
ExpiresByType image/x-icon "доступ плюс 1 тиждень"

# Медіафайли - зображення, аудіо, відео
ExpiresByType image/gif "доступ плюс 1 рік"
ExpiresByType image/png "доступ плюс 1 рік"
ExpiresByType image/jpeg "доступ плюс 1 рік"
ExpiresByType video/ogg "доступ плюс 1 рік"
ExpiresByType audio/ogg "доступ плюс 1 рік"
ExpiresByType audio/mp3 "доступ плюс 1 рік"
ExpiresByType video/mp4 "доступ плюс 1 рік"
Строк дії: відео/webm "доступ плюс 1 рік"

# HTC файли
Діє до: text/x-component "доступ плюс 1 рік" "доступ плюс 1 рік"

# Різні веб-шрифти
ExpiresByType application/x-font-ttf "доступ плюс 1 місяць"
ExpiresByType font/opentype "доступ плюс 1 місяць"
ExpiresByType application/x-font-woff "доступ плюс 1 місяць"
ExpiresByType application/x-font-woff2 "доступ плюс 1 місяць"
ExpiresByType image/svg+xml "доступ плюс 1 місяць"
ExpiresByType application/vnd.ms-fontobject "доступ плюс 1 місяць"

# CSS та JavaScript
ExpiresByType text/css "доступ плюс 1 рік"
ExpiresByType application/javascript "доступ плюс 1 рік"

Збережіть файл і вуаля! Тепер ви впровадили кешування браузера Leverage для свого веб-сайту.