Кэширование сайта
Кэширование, кэш, caching – это некий промежуточный буфер, в котором хранятся данные. Благодаря кэшированию страница сайта не воссоздается заново для каждого пользователя.
Необходимо понимать, что работу с данными можно производить как на стороне клиента, так и на сервере.
Виды кэширования:
1) Браузерное кэширование или клиентское кэширование. Представляет собой составление для браузера команды использовать имеющуюся кэшированную копию. Работа такого кэширования основана на том, что при повторном посещении, браузеру отдаётся заголовок HTTP 304 Not Modified, а сама страница или картинка загружаются из локального пользовательского кэша. Получается, что вы экономите на трафике между браузером посетителя и хостингом сайта. Соответственно, страница вашего сайта начинает загружаться быстрее.
Это первый уровень кэширования, который состоит в отдаче заголовка «expired» и заголовка «304 Not Modified».
2) Серверное кэширование. Под серверным кэшированием понимаются все виды кэширования, при котором данные хранятся на серверной стороне. Эти данные не доступны клиентским браузерам. Кэш создаётся и хранится по принципу «один ко многим» (многие, в данном случае, — это клиентские устройства).
WordPress Плагин кэширования WP Super Cache
- 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
- 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
- Hyper Cache Добавьте опцию define('WP_CACHE', true); How to detect if it is working Hyper Cache — установка, настройка и использование плагина кэширования сайта WordPress
WP-Rocket
- WP-Rocket платный.
Рекомендуется под сервис Перелинк, для темы Root, Yelly.
WP Fastest Cache
- Плагин: WP Fastest Cache Сайт:WP Fastest Cache Premium платный, есть бесплатная версия. Настройка плагина WP Fastest Cache Плагин WP Fastest Cache, эффективный инструмент кеширования WordPress+доп плагины для совместного использования
Источники
Сервисы анализа
Как время загрузки сайта влияет на позиции в Google (инфографика)
Источник: seoprofy.ua