GZIP-сжатие данных сайта на сервере

Сервис PageSpeed Insights

Онлайн-сервис PageSpeed Insights позволяет оценить практически все значимые факторы, влияющие на скорость загрузки веб-страницы, в том числе и сжатие передаваемых данных.

Если сжатие не осуществляется, то в списке актуальных для проверенной веб-страницы рекомендаций по оптимизации скорости загрузки будет содержаться рекомендация «Включите сжатие» со списком всех ресурсов, вес которых можно уменьшить при передаче, а также коэффициент сжатия и результат уменьшения для каждого отдельного ресурса и веб-страницы в целом:

Сервис HTTP Compression Test

Сервис HTTP Compression Test является узконаправленным и определяет, активировано ли сжатие данных для веб-страницы, а также общий объём сжимаемых данных страницы в обычном и сжатом виде. Если GZIP-сжатие не применяется, то сервис отображает, насколько результативным будет его активация:

Сервис GIDZipTest

Сервис GIDZipTest также определяет, передаёт ли страница веб-трафик в сжатом виде в режиме онлайн. Но кроме этого отчет содержит информацию о возможных результатах применения GZIP-компрессии, а также сводку по передаваемым HTTP-заголовкам веб-страницы:

Динамическое сжатие

Динамическое GZIP-сжатие подразумевает сжатие сервером указанных в конфигурационных файлах данных при передаче браузеру («на лету»). Чтобы задействовать этот тип сжатия данных сайта, достаточно активировать на сервере необходимые модули.

Статическое сжатие

Статическое GZIP-сжатие подразумевает передачу сервером предварительно сжатых файлов, размещенных на сайте с расширением .gz.

Чтобы обеспечить статическое сжатие данных сайта, необходимо предварительно сжать нужные статические файлы (CSS, JS, SVG) в формате GZIP, например с помощью архиватора 7zip, и разместить в соответствующие директории с расширениями .gz. После этого необходимо внести в конфигурационный файл сервера директивы, обеспечивающие передачу сжатых файлов вместо обычных.

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

Включение GZIP на сервере Apache

На серверах Apache (от версии 2) применяется модуль mod_deflate, включение которого обеспечивает динамическое (на лету) сжатие передаваемых сервером данных.

Динамическое сжатие на Apache

Чтобы включить динамическое GZIP-сжатие на сервере Apache, нужно разместить в файле httpd.conf (при возможности) или в .htaccess (размещается в корневой папке сайта) следующий код:

# активация GZIP для перечисленных типов данных в .htaccess:
<IfModule deflate_module>
	<IfModule filter_module>
		AddOutputFilterByType DEFLATE text/plain text/html text/xml application/xml application/xhtml+xml application/rdf+xml application/rss+xml application/atom+xml image/svg+xml text/css text/javascript application/javascript application/x-javascript font/otf font/opentype application/font-otf application/x-font-otf font/ttf font/truetype application/font-ttf application/x-font-ttf
	</IfModule>
</IfModule>

Директива AddOutputFilterByType DEFLATE содержит список всех MIME-типов данных, которые должны подвергаться сжатию, разделённых пробелом. Код получился не удобным для восприятия. Для его оптимизации можно применять символ обратной косой черты \ перед переносом строк в директиве. В результате перенос строки не будет считаться таковым и код станет более комфортным для восприятия:

<IfModule deflate_module>
	<IfModule filter_module>
		AddOutputFilterByType                                                         \
		 DEFLATE                                                                      \
		  text/plain text/html                                                        \
		  text/xml application/xml application/xhtml+xml                              \
		  application/rdf+xml application/rss+xml application/atom+xml image/svg+xml  \
		  text/css text/javascript application/javascript application/x-javascript    \
		  font/otf font/opentype application/font-otf application/x-font-otf          \
		  font/ttf font/truetype application/font-ttf application/x-font-ttf
	</IfModule>
</IfModule>

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

<IfModule deflate_module>
	<IfModule filter_module>
		AddOutputFilterByType DEFLATE text/plain text/html
		AddOutputFilterByType DEFLATE text/xml application/xml application/xhtml+xml		
		AddOutputFilterByType DEFLATE application/rdf+xml application/rss+xml application/atom+xml image/svg+xm
		AddOutputFilterByType DEFLATE text/css text/javascript application/javascript application/x-javascript
		AddOutputFilterByType DEFLATE font/opentype application/font-otf application/x-font-otf
		AddOutputFilterByType DEFLATE font/truetype application/font-ttf application/x-font-ttf
	</IfModule>
</IfModule>

Условия выполнения сжатия (доступность модулей mod_deflate и mod_filter) в файле .htaccess могут быть представлены в другом виде:

<IfModule mod_deflate.c>
	<IfModule mod_filter.c>
		# директивы
	</IfModule>
</IfModule>

После активации GZIP в файле .htaccess следует проверить его работу. Если сайт работает не на Apache, или модуль mod_deflate не активирован, то сжатие работать не будет.

Статическое сжатие на Apache

После предварительного сжатия и размещения файлов с расширением .gz на сайте, в файл конфигурации (httpd.conf или .htaccess) необходимо прописать следующие строки:

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

Пояснение значений директив:

RewriteEngine On

Активирует модуль перенаправлений (редиректов).

AddEncoding gzip .gz

Указывает, что файлы с расширением .gz сжаты методом GZIP.

RewriteCond %{HTTP:Accept-encoding} gzip

Проверяет, сможет ли браузер распаковать сжатые файлы.

RewriteCond %{REQUEST_FILENAME}.gz -f

Проверяет наличие сжатого файла с расширением .gz.

RewriteCond %{REQUEST_FILENAME}.gz -f

При наличии сжатого файла с расширением .gz, сервер отдаёт его вместо запрашиваемого файла.

Включение GZIP на сервере Nginx

Для сжатия на серверах Nginx применяются модули ngx_http_gzip_module (для динамического сжатия) и ngx_http_gzip_static_module (для динамического сжатия).

Динамическое сжатие на Nginx

Чтобы активировать модуль ngx_http_gzip_module необходимо в конфигурационном файле nginx.conf прописать следующий код:

gzip on;
gzip_comp_level 5;
gzip_types text/plain text/html text/xml application/xml application/xhtml+xml application/rdf+xml application/rss+xml application/atom+xml image/svg+xml text/css text/javascript application/javascript application/x-javascript font/otf font/opentype application/font-otf application/x-font-otf font/ttf font/truetype application/font-ttf application/x-font-ttf;

Пояснение значений директив:

gzip on

Активирует модуль.

gzip_comp_level 5

Устанавливает степень сжатия на 5 из 9. Опытным путём доказано, что устанавливать значение выше 5 не целесообразно, т. к. это увеличит нагрузку на сервер, при этом данные будут сжиматься не значительно.

gzip_types

MIME-типы данных для сжатия, разделённые пробелами.

Описание всех возможных директив модуля ngx_http_gzip_module смотрите на официальном сайте.

Статическое сжатие на Nginx

Для обеспечения передачи сервером предварительно сжатых файлов в файл конфигурации nginx.conf нужно добавить строку:

gzip_static on;

Совместное функционирование модулей

Для совмещения динамического и статического сжатия на сервере Nginx можно применить следующий код:

gzip on;
gzip_comp_level 5;
gzip_static on;
gzip_types text/plain text/html text/xml application/xml application/xhtml+xml application/rdf+xml application/rss+xml application/atom+xml image/svg+xml text/css text/javascript application/javascript application/x-javascript font/otf font/opentype application/font-otf application/x-font-otf font/ttf font/truetype application/font-ttf application/x-font-ttf;

Это обеспечит передачу предварительно сжатых файлов с расширением .gz при их наличии, а при отсутствии будет происходить динамическое сжатие передаваемых данных.

Включение GZIP с помощью PHP

Реализация GZIP-сжатия данных веб-страниц возможна средствами PHP, в частности с помощью PHP-модуля zlib (должен быть активирован).

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

<?php
# сжатие веб-страницы
ob_start('ob_gzhandler');
?>