Активное сжатие Gzip - CSS-хитрости

Anonim

Сжатие сокращает время ответа за счет уменьшения размера HTTP-ответа. Gzip - самый популярный и эффективный метод сжатия, доступный в настоящее время, который обычно уменьшает размер ответа примерно на 70%.

В 2009 году 90% интернет-трафика проходило через поддерживаемые браузеры. Gzip. Сегодня:

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

На сервере на базе Apache это можно сделать с помощью файла `.htaccess`:

# BEGIN GZIP AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript # END GZIP

По сути, это список типов MIME, к которым затем применяется сжатие. Не стесняйтесь изменять список для всех текстовых ресурсов, которые вы обслуживаете.

Проект HTML5 Boilerplate предлагает конфигурации серверов для всех популярных серверов. Это версия для .htaccess

 AddOutputFilterByType DEFLATE "application/atom+xml" \ "application/javascript" \ "application/json" \ "application/ld+json" \ "application/manifest+json" \ "application/rdf+xml" \ "application/rss+xml" \ "application/schema+json" \ "application/vnd.geo+json" \ "application/vnd.ms-fontobject" \ "application/x-font-ttf" \ "application/x-javascript" \ "application/x-web-app-manifest+json" \ "application/xhtml+xml" \ "application/xml" \ "font/eot" \ "font/opentype" \ "image/bmp.webp" \ "image/svg+xml" \ "image/vnd.microsoft.icon" \ "image/x-icon" \ "text/cache-manifest" \ "text/css" \ "text/html" \ "text/javascript" \ "text/plain" \ "text/vcard" \ "text/vnd.rim.location.xloc" \ "text/vtt" \ "text/x-component" \ "text/x-cross-domain-policy" \ "text/xml"