Что такое GZIP-сжатие и как его включить

30 Авг 2017 - Жукова Татьяна Нет комментариев
Просмотров: 2642

gzip-сжатие

Одним из приемов оптимизации сайта является сжатие ресурсов сайта для ускорения его отображения. Многие веб-серверы могут перед отправкой сжимать файлы в формат GZIP. Gzip — это программа для сжатия и распаковки файлов «на лету». Включение GZIP-сжатия позволяет уменьшить размер страниц вашего сайта. В результате ваш сайт будет загружаться гораздо быстрее.

Если при проверке скорости вашего сайта с помощью сервиса PageSpeed Insights Google выдал вам рекомендацию «Включите сжатие», то эта статья для вас. В ней я расскажу о том, как узнать, включено ли GZIP-сжатие на вашем сайте, и, если нет, то как его включить.

Итак, для начала проверяем, включено ли GZIP-сжатие на вашем сайте. Для этого воспользуемся сервисом GIDNetwork. Перейдите по ссылке, введите в поле адрес вашего сайта и нажмите кнопку Check.

Ждем окончания проверки и смотрим результат:

Как видите на этом сайте GZIP-сжатие включено. Размер страницы ДО сжатия составляет 55,771 bytes, ПОСЛЕ сжатия 14,666 bytes. Это означает, что после сжатия размер страницы уменьшился на 73,7 %. Соответственно, и увеличилась скорость загрузки сайта. Неплохо!!!

Если на вашем сайте проверка показала, что у вас не включено GZIP-сжатие, то его обязательно надо включить.

Для этого есть несколько способов.

GZIP-сжатие с помощью плагина

Если вы боитесь вносить изменения в файлы сайта, то вам проще всего установить плагин, который это сделает за вас. У WordPress есть простой и легкий плагин Check and Enable GZIP compression.

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

Читайте также:  Лучший плагин для оптимизации сайта

Итак, устанавливаем плагин Check and Enable GZIP compression. Сделать это можно прямо из админки WordPress. Переходите на вкладку Плагины — Добавить новый. В строку поиска копируете название плагина Check and Enable GZIP compression и жмете Enter Устанавливаете и активируете открывшийся плагин.

В меню Инструменты у вас появится новая строчка — GZIP Compression. Нажимаем на нее. Если GZIP-сжатие у вас включено, то вы увидите такую картинку:

Можете плагин удалять, он вам больше не понадобится.

Если же сжатия на вашем сайте нет, то картинка будет такая:

Нажмите на кнопку Enable GZIP Compression. Вот и все!!! Сжатие включилось! Если же вы, немного подучившись делать сайты на WordPress, перестанете бояться редактировать файлы сайта, то отключите GZIP-сжатие, нажав на кнопку Disable GZIP Compression, удалите плагин и действуйте в соответствие со следующей инструкцией:

GZIP-сжатие с помощью файла htaccess

Включить GZIP-сжатие также можно без использования плагинов, а с помощью внесения изменений в файл .htaccess вашего сайта.

Для этого войдите в менеджер файлов своей панели управления хостингом (не путайте с админ-панелью WordPress). Найдите там папку с файлами вашего сайта, откройте ее. Там вы увидите несколько папок и сразу после них файл .htaccess

Дважды щелкнув по нему мышкой, вы откроете его и сможете внести изменения.

Вставляйте в конец файла, чтобы не запутаться. Вы всегда сможете удалить внесенные изменения, если они вам не подойдут.

Итак, в конец файла .htaccess вставляем следующий код:

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
<IfModule mod_setenvif.c>
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>
</IfModule>

Нажимаем ОК. Проверяем с помощью GIDNetwork. Если GZIP-сжатие включено, то на этом останавливаемся. Если нет, то этот код у вас не работает. Снова открываете .htaccess и вставляете следующий код:

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
<ifmodule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_item_include file .js$
mod_gzip_item_include file .css$ </ifmodule>
</IfModule>

Читайте также:  Как установить WordPress в панели управления хостингом Paralells Plesk

Снова проверяем. Можно попробовать также еще один код:

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.gzip.
</ifModule>

Или такой вариант:

RewriteEngine On
AddEncoding gzip .gz
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule ^(.*)$ $1.gz [QSA,L]

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

Всем удачи! Быстрых сайтов! И до новых встреч на workinet24.ru


Посмотрите другие статьи из этой рубрики:




Хотите быть в курсе новостей блога?

Подпишитесь на бесплатную рассылку новых статей
Ваш e-mail:

Есть что сказать? Оставьте комментарий!