Сжатие gzip для js/css/html

admin

16.04.2020 22:42

Современные браузеры поддерживают сжатый контент, т.к. он является частью спецификации протокола HTTP 1.1. Сжатие текстовых форматов (CSS, Javascipt и HTML) может уменьшить их объем на 70%. Работает все очень просто. Перед отправкой ответа сервер сжимает данные. Браузер при получении сжатого ответа разжимает его и показывает результат.

Чтобы проверить, использует ли ваш сайт компрессию, используйте Gzip Checker.

Что нужно сжимать?

Сжимать следует все текстовые файлы:

HTML
XML
CSS

Javascript
txt
Другие текстовые файлы

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

Nginx

Чтобы включить Gzip в Nginx, добавьте эти строки в конфигурацию сервера:

server {
    ....
    gzip on;
    gzip_disable "msie6";
    gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript;
}

Apache

А для включения сжатия в Apache, добавьте эти инструкции в .htaccess:

AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

Убедитесь, что подключен модуль mod_deflate.

Уровень сжатия

Gzip поддерживает несколько уровней сжатия – от быстрого и худшего до медленного и самого компактного результата. В Nginx его можно регулировать таким образом:

gzip_comp_level 5;

поддерживает значения от 1 (худший) до 9 (лучший)

Имеет смысл использовать значение 5, как среднее для получения лучшего результата и снижения нагрузки на процессор.

Самое важное

Обязательно используйте сжатие (Gzip), это существенно повысит скорость работы вашего сайта для пользователей.

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