ฉันจะเปิดใช้งานการบีบอัด gzip บนทรัพยากรโมดูล NGINX PageSpeed ​​ได้อย่างไร

ฉันมุ่งเน้นไปที่การปรับเว็บไซต์ให้เหมาะสมเพื่อให้ได้คะแนน 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 เบต้า

การกำหนดค่าเซิร์ฟเวอร์ 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;
}

แก้ไข เพียงเพื่ออธิบายเพิ่มเติมเนื้อหาเฉพาะที่ดูเหมือนจะไม่บีบอัดคือเนื้อหาจาวาสคริปต์ ตัวอย่างเช่น:

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).

หลังจากการดึงผมการกัดฟันและการเจาะลำโพง (และ Googling) มากขึ้นฉันพบข้อบกพร่องในฟอรัมการสนับสนุน NGINX เพื่อเปลี่ยนจาวาสคริปต์ (.js) mime-type จาก application / x-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 เนื่องจากไม่มีแอปพลิเคชัน / x-javascript mime-type อีกต่อไป (เว้นแต่คุณจะสร้างไฟล์ที่กำหนดเองใน mime-types.conf หรือคุณมี NGINX เวอร์ชันเก่าจริงๆ) .

ฉันเปลี่ยนบรรทัดนั้นเป็นอันนี้:

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

หลังจากโหลด NGINX -s แล้วไฟล์จาวาสคริปต์ของฉันบีบอัดได้ดี! ดังนั้นปรากฎว่ามันไม่มีส่วนเกี่ยวข้องกับโมดูล PageSpeed ​​และเป็นปัญหากับการกำหนดค่าของฉันไม่ได้ระบุชนิด mime ที่ถูกต้องในการบีบอัดแทน

ตั้งแต่ปล่อย 1.9.32.1-beta, ngx_pagespeed จะเปิดใช้งานและกำหนดค่า gzip เองเมื่อไม่มีการกำหนดค่า gzip ที่ชัดเจนใน nginx (และโมดูลการบีบอัด gzip ถูกคอมไพล์)

ดู https://developers.google.com/speed/pagespeed/module/release_notes#release_1.9.32.1-beta

ตาม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

แค่นั้นแหละ!