Как включить gzip-сжатие в WordPress? Инструкция.

Опубликовано: 01.11.2017

видео Как включить gzip-сжатие в WordPress? Инструкция.

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

Важным показателем веб-сайта является скорость загрузки. 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 нужно добавить эти строки:

Новости

Как сбалансировать юзабилити и дизайн при создании сайта — User House
Красота или уродство в веб-дизайне всегда связаны с восприятием конкретного человека. То, что для одного «красиво», может быть «ужасным» для другого и наоборот. Но как же так получается, что многие популярные

Чем лучше юзабилити сайта – тем больше лояльных клиентов
Хотите понять, как посетители воспринимают сайт? Это очень просто. Представьте, что вы говорите по телефону с директором, и в это время вам звонит кто-то из родственников, а у вас еще работы на четыре

Знакомство с юзабилити-тестированием сайта. // webknowledge.ru
Перевод статьи:   An Introduction To Website Usability Testing. Автор:   Thomas Churm. При создании нового сайта необходимо учитывать множество факторов. Для того чтобы у посетителей возникло

Специалист по web-usability – боец невидимого фронта
Ярослав Перевалов Что такое usability engineering? Часто ли вы, бродя по Сети, обращаете внимание на то, насколько качественно структурирована информация на сайте и насколько удобно устроена навигация?

Гид по UX исследованиям для начинающих
В индустрии, в основе которой лежит использование людьми наших продуктов, услуг и приложений, исследования просто необходимы. Мы задаем вопросы. Мы делаем пометки. Мы стараемся узнать все, что возможно,

25 советов как улучшить юзабилити (usability) вашего сайта. | Блог об интернет деятельности и трудовых буднях Максима Вячеславовича
Доброго времени суток, дорогие друзья! Сегодня мы поговорим с вами о такой важной вещи как U sability (юзабилити) сайта , о том, как улучшить данный фактор, зная его основные принципы и правила.

Что такое юзабилити и зачем оно нужно
Юзабилити включает простоту, удобство в пользовании, тестирование, проведение аудита проекта. Юзабилити сайтов, интернет-магазинов — это неотъемлимая часть выгодного ведения бизнеса. Задача юзабилити

Юзабилити тестирование сайта турагентства
«Когда информации много и она дешева, дорогим становится внимание». James Gleick Представим сайт, владелец которого считает его достаточно хорошим, удобным и привлекательным. Он размещает рекламные объявления

Юзабилити
Юзабилити (от англ. слова «usability» – практичность, простота использования) – это весьма распространенное ныне понятие объединяет максимальное удобство использования сайта и полезность информации, на

5 шагов для успешного юзабилити-тестирования приложения
Представьте: вы придумали и разработали мобильное приложение с приятным, на ваш взгляд, дизайном, удобным функционалом, полезными опциями, выпустили релиз продукта, но… Несмотря на мощную маркетинговую

Карта
rss