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

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

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

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

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

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

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

➦Переходите по ссылке и регистрируйтесь ❗

• WP Super Cache самый нетребовательный плагин кеширования для Wordpress
• WP Super Cache — установка и настройка кеширующего плагина WordPress

Скорость до установки плагин 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 - для использования всех возможностей включить Модули Apache, HTML Tidy extension(required for HTML Tidy minifier suppport)

a2enmod headers
a2enmod expires
aptitude install php-tidy
service apache2 restart

• Hyper Cache Добавьте опцию define('WP_CACHE', true); How to detect if it is working Hyper Cache — установка, настройка и использование плагина кэширования сайта WordPress

• WP-Rocket платный.

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

• Плагин: WP Fastest Cache Сайт:WP Fastest Cache Premium платный, есть бесплатная версия. Настройка плагина WP Fastest Cache Плагин WP Fastest Cache, эффективный инструмент кеширования WordPress+доп плагины для совместного использования

• PHP и Web. Кэширование
• 11 видов кэширования для современного сайта

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

• Last Modified Time Checker
• Check Http Header, Webpage Last Modified Date
• HTTP/2 Test Verify HTTP/2.0 Support

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