Кэширование сайта

Кэширование, кэш, caching – это некий промежуточный буфер, в котором хранятся данные. Благодаря кэшированию страница сайта не воссоздается заново для каждого пользователя.

Необходимо понимать, что работу с данными можно производить как на стороне клиента, так и на сервере.

Виды кэширования:

1) Браузерное кэширование или клиентское кэширование. Представляет собой составление для браузера команды использовать имеющуюся кэшированную копию. Работа такого кэширования основана на том, что при повторном посещении, браузеру отдаётся заголовок HTTP 304 Not Modified, а сама страница или картинка загружаются из локального пользовательского кэша. Получается, что вы экономите на трафике между браузером посетителя и хостингом сайта. Соответственно, страница вашего сайта начинает загружаться быстрее.

Это первый уровень кэширования, который состоит в отдаче заголовка «expired» и заголовка «304 Not Modified».

Браузерный кэш позволяет экономить трафик и время, затрачиваемое на загрузку страниц. Но для достижения эффекта экономии, пользователь должен хотя бы один раз посетить нашу страницу, а это означает, что нагрузка на серверные ресурсы уменьшится, но не значительно.

2) Серверное кэширование. Под серверным кэшированием понимаются все виды кэширования, при котором данные хранятся на серверной стороне. Эти данные не доступны клиентским браузерам. Кэш создаётся и хранится по принципу «один ко многим» (многие, в данном случае, — это клиентские устройства).

WordPress Плагин кэширования WP Super Cache

Скорость до установки плагин WP Super Cache

Скорость после установки и настройки WP Super Cache

1 вариант. (я использую его) После настройки WP Super Cache, для включения браузерного кеширования добавьте код. ВКЛЮЧИТЕ в Apache mod_headers!!! 

<ifModule mod_headers.c>
    # Все html и htm файлы будут храниться в кэше браузера одну минуту
    <FilesMatch "\.(html|htm)$">
        Header set Cache-Control "max-age=60"
    </FilesMatch>
    # Все css, javascript и текстовые файлы будут храниться в кэше браузера одну неделю
    <FilesMatch "\.(js|css|txt)$">
        Header set Cache-Control "max-age=604800"
    </FilesMatch>
    # Все флэш файлы и изображения будут храниться в кэше браузера один месяц
    <FilesMatch "\.(flv|swf|ico|gif|jpg|jpeg|png)$">
        Header set Cache-Control "max-age=2592000"
    </FilesMatch>
    # Отключаем кеширование php и других служебных файлов
    <FilesMatch "\.(pl|php|cgi|spl|scgi|fcgi)$">
        Header unset Cache-Control
    </FilesMatch>
</IfModule>

2 вариант. Можно воспользоваться этим руководством Кеширование с помощью htaccess (Apache). Вставляем код в .htaccess вашего сайта. Включаем сжатие gzip для соответствующих MIME-типов файлов 

<IfModule mod_deflate.c>
  <IfModule mod_filter.c>
      AddOutputFilterByType DEFLATE text/plain text/html
      AddOutputFilterByType DEFLATE text/css
      AddOutputFilterByType DEFLATE text/javascript application/javascript application/x-javascript
      AddOutputFilterByType DEFLATE text/xml application/xml application/xhtml+xml application/rss+xml
      AddOutputFilterByType DEFLATE application/json
      AddOutputFilterByType DEFLATE application/vnd.ms-fontobject application/x-font-ttf font/opentype image/svg+xml image/x-icon
  </ifModule>
</IfModule>

Браузерное кеширование для нестандартных шрифтов

Включаем заголовки Expires для статичных файлов сроком на 1 год (365 дней) и нестандартных шрифтов сайта. 1 вариант 

<IfModule mod_expires.c>
ExpiresActive On
  <Filesmatch "\.(jpg|jpeg|png|gif|js|css|swf|ico|woff|mp3)$">
      ExpiresActive on
      ExpiresDefault "access plus 365 days"
  </Filesmatch>
</IfModule>

2 вариант (я использую) 

<ifModule mod_expires.c>
ExpiresActive On
# Нестандартные шрифты сайта
ExpiresByType application/x-font-ttf "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType application/x-font-woff "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
 
  <Filesmatch "\.(swf|ico|woff|mp3)$">
      ExpiresActive on
      ExpiresDefault "access plus 365 days"
  </Filesmatch>
</IfModule>

W3 Total Cache

  • W3 Total Cache - для использования всех возможностей включить Модули Apache, HTML Tidy extension(required for HTML Tidy minifier suppport)
a2enmod headers
a2enmod expires
aptitude install php-tidy
service apache2 restart

Hyper Cache

WP-Rocket

Рекомендуется под сервис Перелинк, для темы Root, Yelly.

WP Fastest Cache

Источники

Сервисы анализа

Как время загрузки сайта влияет на позиции в Google (инфографика)

Источник: seoprofy.ua