Як увімкнути компресію gzip на ресурсах NGINX PageSpeed ​​Module?


13

Я дуже зосередився на оптимізації певного веб-сайту, щоб він набрав 100 балів у інструменті Google PageSpeed ​​Insights (як для мобільних пристроїв, так і для настільних ПК). Більшість елементів працює бездоганно, але я продовжую отримувати попередження "Увімкнути стиснення" для веб-сайту.

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

Моє запитання таке: Як увімкнути компресію gzip, щоб вона працювала для ресурсів, що швидко перевищують сторінки?

Налаштування мого сервера:

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;
}

EDIT Для подальшої деталізації конкретні активи, які, здається, не стискаються - це активи 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).

Ви перевіряли інші інструменти, такі як redbot? Я знайшов pagepeed не надійним, особливо при встановленні gzip або expires 24hrsчомусь я завжди отримую "BEEEEP, YOU'H HOLDING It WORONG". те саме стосується YSLOW
того хлопця звідти

Я перевірив redbot, і він стискає більшість активів за допомогою gzip (наприклад, власне файли html та css). Однак більшість активів JavaScript, які надходять із PageSpeed, не стискаються. Моя конфігурація налаштована на стиснення mime-типів application / x-javascript та text / javascript, і я переконався, що вона працює на інших веб-сайтах, які мають активи JavaScript. З якихось причин, схоже, це просто не працює на PageSpeed, що обслуговується.
Scrivvles

Відповіді:


16

Після набагато більше витягнення волосся, скрегіт зубів та прорізування гучномовців (та гуглінгу) я натрапив на запит про дефекти на форумі підтримки NGINX, щоб змінити тип mime-javascript (.js) на додаток / 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, тому що більше немає ISE-додатка / x-javascript-mime-типу (якщо ви не створюєте спеціальний файл у mime-types.conf або у вас є справді стара версія NGINX) .

Я змінив цей рядок на цей:

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

Після перезавантаження NGINX-файлів, мої файли javascript просто стискаються! Отже, виявляється, що це не мало нічого спільного з модулем PageSpeed, і натомість у моїй конфігурації була проблема невказання правильного типу mime для стиснення.


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 /etc/nginx/mime.typesі переконайтесь, що якщо ви бачите це:

application/x-javascript                  js;

до

application/javascript                  js;

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

service nginx reload

Це воно!

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.