Как включить gzip-сжатие в WordPress? Инструкция.
Опубликовано: 01.11.2017
Важным показателем веб-сайта является скорость загрузки. GZIP-сжатие как раз снижает размер загружаемых страниц.
Что такое gzip-сжатие?
GZIP обеспечивает сжатие без потерь. Это сжатие данных, основанное на алгоритме DEFLATE. Подробнее про принцип работы и остальное читать тут.
GZIP и Google PageSpeed
Инструмент PageSpeed Insights требует от веб-сайтов применение gzip, поэтому его включение для сайта первостепенно, т.к. позволяет существенно ускорить загрузку страницы и дать сайту желаемые баллы.
Как увеличить скорость загрузки сайта (оптимизация фронтенда для Google PageSpeed)
Как проверить включено ли GZIP сжатие
Мне известно два способа.
Способ 1: через специальный веб-сайт
Для того чтобы проверить включено ли gzip-сжатие на сайте необходимо перейти по ссылке https://checkgzipcompression.com и вписать проверяемый веб-сайт.
Способ 2: заголовок ответа браузера
Заходим в консоль браузера (в Chrome — Ctrl + Shift + I) и смотрим заголовки ответа браузера (см. картинку)
Как включить GZIP-сжатие?
Если GZIP-сжатие не включено, то надо обязательно это сделать!
Включаем GZIP с помощью WordPress плагина
GZIP можно включить с помощью какого-нибудь популярного плагина кэширования. Плагин W3 Total Cache умеет это делать, или тот же WP Super Cache .
Включаем GZIP с помощью .htaccess на Apache
Если ваш сервер работает на Apache, то необходимо перейти в корневую папку сайта и отредактировать файл .htaccess. Для этого в конец файла необходимо вставить эти строки:
<IfModule mod_deflate.c> # Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml # Remove browser bugs (only needed for really old browsers) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent </IfModule>Включаем GZIP в NGINX
Если ваш сервер работает на NGINX, то в файл nginx.conf нужно добавить эти строки: