Как включить GZIP сжатие в WordPress

Главная » Как включить GZIP сжатие в WordPress

Что такое Gzip сжатие, и зачем его нужно включать?

Каждый раз, когда пользователь открывает страницу на вашем сайте, он запрашивает определенные ресурсы с сервера, — контент, картинки, стили оформления, скрипты.

Метод Gzip позволяет сжимать эти ресурсы перед их отправкой, и он особенно эффективно работает с текстовыми форматами, такими как html, js, css (сжимая их до 70%!). Время передачи файлов значительно уменьшается.

Как проверить включёно ли GZIP сжатие на вашем сайте?

Вы можете воспользоваться, например, следующим сервисом:

checkgzipcompression.com/

Просто введите адрес вашего сайта в поле для проверки.

Если сжатие включено, вы увидите сообщение об успехе: You’re blessed! It’s GZIP Enabled.

Как проверить работу GZIP в браузере при помощи инструмента Web Developer Tools

Откройте инструменты разработчика в вашем браузере вызвав меню или нажав определённые клавиатурные сочетания. В Chrome: Tools > Developer tools, или используя сочетания клавиш Ctrl-Shift-I. В Firefox: Developer > Inspector, или сочетание клавиш Ctrl-Shift-C.

Перейдите на вкладку network (сеть), введите ваш адрес или обновите страницу. Затем кликните на верхний элемент, и выберите Headers (заголовки) в правой области.

Proverka-gzip-szhatiya-s-pomoshhyu-web-developer.png

Вы должны увидеть в списке значений текст Content-Encoding: gzip. Это говорит о том, что метод gzip сжатия работает.

к содержанию ↑

Как включить gzip сжатие на сервере

Перед тем как выполнять любые действия, убедитесь, что у вас есть доступ в панель управления вашего сайта, или доступ к файлам через ftp клиент. Таким образом, если ваш сайт перестанет работать после совершенных изменений, вы сможете легко откатить его обратно в рабочее состояние.

Для того, чтобы включить gzip сжатие, добавьте следующий код в файл .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</code>

# 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 указанными выше способами.

к содержанию ↑

Плагины, позволяющие установить GZIP сжатие

browser cache -> and check Enable HTTP (gzip) compression

Advanced -> Compress pages so they’re served more quickly to visitors

Плагин позволит выполнить проверку работы GZIP сжатия с помощью вышеуказанного сервиса и включить его если вы не хотите редактировать вручную .htaccess

Есть другие плагины, которые работают с GZIP сжатием. Я просто привел вам альтернативы, и вы можете выбрать любой способ.

Оставить комментарий

avatar
  Подписаться  
Уведомление о
Пролистать наверх