Я уделял много внимания оптимизации определенного веб-сайта, чтобы он получил 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;
}
РЕДАКТИРОВАТЬ Для дальнейшего уточнения, конкретные активы, которые, похоже, не сжимаются, являются активами 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).
После того, как выдернули волосы, скрежетали зубами и пробили кулаком (и погуглили), я наткнулся на запрос о дефекте на форуме поддержки 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 -s мои файлы javascript прекрасно сжимаются! Итак, оказалось, что это не имело ничего общего с модулем PageSpeed, и вместо этого была проблема с моей конфигурацией, не определяющей правильный тип mime для сжатия.
Начиная с версии 1.9.32.1-beta, ngx_pagespeed будет включать и настраивать сам gzip, если в nginx нет явной конфигурации gzip (и модуль сжатия 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
Это оно!