Как включить сжатие gzip на ресурсах модуля NGINX PageSpeed?

13

Я сосредоточился на оптимизации определенного веб-сайта, чтобы он получил 100 баллов в инструменте Google PageSpeed ​​Insights (как для мобильных устройств, так и для настольных компьютеров). Большинство элементов работают безупречно, но я продолжаю получать предупреждение «Включить сжатие» для веб-сайта.

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

У меня такой вопрос: как включить сжатие gzip, чтобы оно работало с ресурсами pagepeed?

Настройка моего сервера:

Ubuntu 12.0.4.3 LTS NGINX - Собственная версия 1.5.4 с модулем PageSpeed ​​1.6.29.5 beta

Конфигурация сервера NGINX:

user  www-data;
#set worker processes to cpu processes
worker_processes  4;

error_log /var/log/nginx/error.log;
pid /run/nginx.pid;
events {
        worker_connections  1024;
}


http {
        client_max_body_size 200m;
        include /etc/nginx/mime.types;
        default_type application/octet-stream;
        access_log /var/log/nginx/access.log;
        sendfile on;
        keepalive_timeout 3;
        types_hash_max_size 2048;
        gzip  on;
        gzip_disable msie6;
        gzip_static on;
        gzip_types text/plain text/css application/x-javascript text/xml application/xml+rss text/javascript;
        gzip_vary on;
        fastcgi_read_timeout 2m;

        include global/caching.conf;
        include /etc/nginx/enabled-sites/*;
        upstream php {
                server 127.0.0.1:9000;
        }
        #fastcgi caching header
        add_header mcapp-fastcgi-cache $upstream_cache_status;
}

Конфигурация сайта:

server {
        server_name www.examplesite.com;
        rewrite ^ $scheme://examplesite.com$request_uri permanent;
}

server {
        #pagespeed directives
        pagespeed On;
        pagespeed FileCachePath /var/cache/nginx-pagespeed;
        location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" {
                add_header "" "";
        }
        location ~ "^/ngx_pagespeed_static/" { }
        location ~ "^/ngx_pagespeed_beacon$" { }
        #pagespeed directives end

        server_name examplesite.com;
        root /path/to/examplesite;

        # wordpress config
        include global/restrictions.conf;
        include global/wordpress.conf;
}

РЕДАКТИРОВАТЬ Просто для дальнейшего уточнения, конкретные активы, которые, кажется, не сжимают, являются активами javascript. В качестве примера:

Enable compression for the following resources to reduce their transfer size by 355.5KiB (69% reduction).
    Compressing http://examplesite.com/wp-includes/js/jquery/jquery.js,qver=1.10.2.pagespeed.jm.iCH2ukpEYb.js could save 58.8KiB (64% reduction).
    Compressing http://examplesite.com/wp-content/themes/Avada/framework/plugins/revslider/rs-plugin/js/jquery.themepunch.revolution.min.js?ver=3.6.1 could save 43.9KiB (80% reduction).
Scrivvles
источник
Вы проверили с другими инструментами, такими как Redbot? я обнаружил, что скорость страницы ненадежна, особенно при установке gzip, или expires 24hrsпо какой-то причине я всегда получаю «BEEEEP, ВЫ ДЕРЖИТЕ ЭТО НЕПРАВИЛЬНО». То же самое относится и к YSLOW
этот парень от
Я проверил redbot, и он сжимает большую часть ресурсов с помощью gzip (например, реальных html и css файлов). Однако большинство ресурсов javascript, полученных из PageSpeed, не сжимаются. Мой конфиг настроен на сжатие mime-типов application / x-javascript и text / javascript, и я убедился, что он работает на других веб-сайтах с активами javascript. По какой-то причине, похоже, он просто не работает для ресурсов, обслуживаемых PageSpeed.
Scrivvles

Ответы:

16

После большого количества потягивания волос, скрежетания зубами и пробивания динамиков (и поиска в Google) я наткнулся на запрос о дефекте на форуме поддержки NGINX, чтобы изменить mime-тип javascript (.js) с application / x-javascript к заявке / JavaScript. См. Http://trac.nginx.org/nginx/ticket/306.

Как вы можете видеть по nginx.conf в моем вопросе, у меня было:

gzip_types text/plain text/css application/x-javascript text/xml application/xml+rss text/javascript;

По сути, это привело к тому, что мои файлы javascript были проигнорированы gzip_types, потому что больше нет никакого mime-типа application / x-javascript (если вы не сделаете свой собственный в mime-types.conf или у вас действительно старая версия NGINX) ,

Я изменил эту строку на эту:

gzip_types text/plain text/css application/javascript text/xml application/xml+rss;

После перезагрузки NGINX мои файлы JavaScript сжимаются очень хорошо! Таким образом, оказывается, что он не имеет ничего общего с модулем PageSpeed, и вместо этого была проблема с моей конфигурацией, не определяющей правильный тип mime для сжатия.

Scrivvles
источник
1
Просто примечание - по какой-то причине мне пришлось оставить оба, application/x-javascriptи application/javascript, поскольку во время моих запросов я получал оба типа пантомимы (интересно, стоит ли мне переключиться на просто application/javascript.
Никола Иванов Николов
2

Согласно RFC 4329 , ваш веб-сервер должен использовать, application/javascriptа не использовать application/x-javascript.

Во-первых, вы должны проверить, что ваш /etc/nginx/nginx.confфайл содержит (по крайней мере) application/javascriptрядом с gzip_types:

Например

gzip_types text/plain text/css application/javascript text/xml application/xml+rss;

Затем откройте файл MIME types /etc/nginx/mime.typesи убедитесь, что если вы видите это:

application/x-javascript                  js;

в

application/javascript                  js;

Наконец, перезагрузите вашу конфигурацию:

service nginx reload

Это оно!

Maxime
источник