Google PageSpeed Insights 도구 (모바일 및 데스크톱 모두)에서 100 점을 얻도록 특정 웹 사이트를 최적화하는 데 집중했습니다. 대부분의 항목이 완벽하게 작동하지만 웹 사이트에 대해 "압축 사용"경고가 계속 나타납니다.
내 서버에서 gzip이 활성화되어 있고 압축되지 않은 상태로 제공되는 리소스는 NGINX PageSpeed 모듈에서 가져 오기 때문에 문제가됩니다. Google 웹 사이트의 구성 페이지를 살펴 보았지만 이미 설치된 일반적인 NGINX 구성 외에 압축을 활성화하는 방법을 설명하는 것은 없습니다.
내 질문은 이것입니다 : 페이지 속도 리소스에서 작동하도록 gzip 압축을 어떻게 활성화합니까?
내 서버 설정 :
Ubuntu 12.0.4.3 LTS NGINX-PageSpeed 모듈 1.6.29.5 베타로 사용자 정의 컴파일 된 1.5.4
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).
expires 24hrs
. 같은 YSlow에 적용