Ускорение Работы Сайта — Gzip Сжатие

Введение

Если кто-то заходит к вам на сайт, то на ваш сервер отправляется запрос на доставку требуемых файлов. Чем больше эти файлы, тем больше времени потребуется для их загрузки. Сжимая вашу веб-страницу и CSS перед их отправкой браузеру, вы значительно снижаете время загрузки из-за меньшего размера файлов. Для данных целей можно использовать gzip сжатие.

Gzip находит одинаковые строки в текстовом файле и временно их заменяет, тем самым уменьшая общий размер файла. Gzip сжатие особенно выгодно в сфере веб-технологий, так как HTML и CSS файлы используют множество повторяющихся строк и пробелов. В конечном итоге, gzip может сжать размер страницы и CSS стилей до 60-70%.

ВАЖНО! Gzip ускоряет работу вашего сайта, но увеличивает нагрузку на центральный процессор. Перед включением убедитесь в рациональности его использования.

Что вам понадобится
Шаг 1 — Включение gzip сжатия
Вариант 1 — Редактирование .htaccess
Вариант 2 — Плагины CMS
Вариант 3 — Включение gzip через cPanel
Вариант 4 — Хостинг на базе Windows
Шаг 2 — Проверка gzip сжатия
Заключение

Что вам понадобится

Перед тем, как вы начнете это руководство, вам понадобится следующее:

Доступ к файлу .htaccess
Доступ к cPanel (необязательно)

Шаг 1 — Включение gzip сжатия

Вы можете включить gzip для вашего сайта используя mod_gzip или mod_deflate. Рекомендуется использовать сжатие mod_deflate, так как оно использует более хороший алгоритм сжатия и сами модули совместимы с более поздними версиями Apache. Больше информации об этих двух методах вы можете найти в этой статье журнала Linux.

Вариант 1 — Редактирование .htaccess

Gzip сжатие через mod_deflate (рекомендованное) может быть включено путем добавления следующего кода в ваш файл .htaccess (руководство о том, как найти ваш файл .htaccess может быть найдено здесь):

<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE application/xhtml+xml 
  AddOutputFilterByType DEFLATE application/x-font  
  AddOutputFilterByType DEFLATE application/x-font-truetype  
  AddOutputFilterByType DEFLATE application/x-font-ttf  
  AddOutputFilterByType DEFLATE application/x-font-otf 
  AddOutputFilterByType DEFLATE application/x-font-opentype 
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE font/ttf 
  AddOutputFilterByType DEFLATE font/otf 
  AddOutputFilterByType DEFLATE font/opentype
# For Older Browsers Which Can't Handle Compression
  BrowserMatch ^Mozilla/4 gzip-only-text/html 
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>

Если ваш сервер не поддерживает mod_deflate, вы можете попробовать альтернативный вариант mod_gzip:

<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 mime ^application/x-javascript.*
  mod_gzip_item_include mime ^text/.*
  mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
  mod_gzip_item_exclude mime ^image/.* 
  mod_gzip_item_include handler ^cgi-script$
</ifModule>

Как только изменения будут сохранены, gzip сжатие будет включено.

Вариант 2 — Плагины CMS

Пользователи WordPress могут включить gzip сжатие, установив такие плагины, как GZip Ninja Speed Compression.

На Joomla вы можете включить gzip в панели управления вашим сайтом в разделе Система → Глобальные настройки → Сервер. Вы также можете посетить наше руководство об улучшении производительности Joomla здесь.

Вариант 3 — Включение gzip через cPanel

Если вы используете cPanel, вы можете включить gzip для всех ваших сайтов в разделе Оптимизация сайтов. Подробное руководство может быть найдено здесь.

Вариант 4 — Хостинг на базе Windows

Если вы используете сервер на базе Windows, вы можете включить HTTP сжатие для статического и динамического контента через командную строку:

appcmd set config /section:urlCompression /doDynamicCompression:True

appcmd set config /section:urlCompression /doStaticCompression:True

За подробностями вы можете обратиться к официальному руководству Microsoft.

Шаг 2 — Проверка gzip сжатия

Gzip сжатие может быть проверено несколькими различными инструментами, к примеру WebPageTest или GTMetrix.

Вот результаты ПЕРЕД включением gzip сжатия:

gtmetrix gzip сжатие

Для сравнения, вот результаты ПОСЛЕ включения gzip сжатия:

gtmetrix gzip сжатие 2

Заключение

В этом кратком руководстве вы научились, как ускорить работу сайта с помощью gzip сжатия. Включить его можно несколькими способами; через .htaccess и добавление mod_gzip или mod_deflate, через CMS плагины, cPanel или с помощью специальных команд на Windows сервере.

Руководства по теме: