@misterobot404

Как настроить gzip для nginx?

Хотел добавить gzip сжатие для javascript/css бандла. Веб сервер nginx, окружение vagrant homestead, вся конфигурация из коробки, ничего не менял. Собственно, мои действия были следующие:

Установил плагин для webpack: CompressionWebpackPlugin
Добавил в webpack.config.js

const CompressionPlugin = require('compression-webpack-plugin');
mix.webpackConfig({ 
    plugins: [
        new CompressionPlugin({
            algorithm: 'gzip',
            minRatio: 0.8,
            filename: '[path].gz[query]',
            deleteOriginalAssets: true
        })
    ]
});

После этого вебпак начал собирать сжатые модули
5e7c8bcbac9e9672672196.png
Дальше, я так понимаю, нужно как-то настроить nginx, чтобы вместо asset('js/main.js') он возвращал asset('js/main.js.gz') с Accept-Encoding: gzip. Сделать этого у меня не получилось, так что попробовал вручную установить asset('js/main.js.gz'), и он подгужает сжатый модуль, но без Accept-Encoding: gzip.

5e7c8dd9282fb348739350.png
5e7c8e05d0dbf038571398.png

Что посоветуете сделать?
  • Вопрос задан
  • 108 просмотров
Решения вопроса 1
alpik
@alpik
no I, no mine
В nginx должен быть установлен и настроен модуль ngx_http_gzip_static_module
Доки:
https://nginx.org/ru/docs/http/ngx_http_gzip_stati...

Вообще gzip для слабаков, ставьте сразу brotli :)
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Extar93
@Extar93
Не нужны нам эти ваши интернеты
Во вкладке Network, посмотрите размер у ассета, который подгружается. Хотя заголовка Content-Encoding нету.
инструкция есть тут
5e7c914c97874135032599.png
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы