Nginx 设置 ngx_pagespeed

重新编译

#进入 nginx 源码同级目录，比如在 /usr/local/src

#下载模块
wget -O ngx_pagespeed-release-1.9.32.6-beta.tar.gz https://codeload.github.com/pagespeed/ngx_pagespeed/tar.gz/release-1.9.32.6-beta

#解压
tar zxvf  ngx_pagespeed-release-1.9.32.6-beta.tar.gz

#下载psol优化库
cd ngx_pagespeed-release-1.9.32.6-beta
wget https://dl.google.com/dl/page-speed/psol/1.9.32.6.tar.gz

#解压psol
tar zxvf 1.9.32.6.tar.gz

#查看现有nginx的编译参数
/usr/local/nginx/sbin/nginx -V

#重新编译nginx，新增pagespeed模块
cd /usr/local/src/nginx-1.60
./configure  --add-module=../ngx_pagespeed-release-1.9.32.6-beta 后面接上上一步查询到的参数

缓存文件夹

用户存放 PageSpeed 优化图片、JS、CSS等文件后的临时文件，很多教程都选择挂载在 /var 目录下，如果是一些云服务器，我倒是建议放在挂载磁盘的目录下。

例如我的服务器将云盘挂载在 /data 目录下，那么，创建缓存文件，chown —R 给予的权限和 Nginx 的用户一致：

mkdir /data/ngx_pagespeed/
chown -R www /data/ngx_pagespeed/

修改配置

编辑网站的 nginx 配置文件
在 server {} 段内添加：

# on 启用，off 关闭
pagespeed on;
# 重置 http Vary 头
pagespeed RespectVary on;
# html字符转小写
pagespeed LowercaseHtmlNames on;
# 压缩带 Cache-Control: no-transform 标记的资源
pagespeed DisableRewriteOnNoTransform off;
# 相对URL
pagespeed PreserveUrlRelativity on;
# X-Header 值，用于判断是否生效
pagespeed XHeaderValue "Powered By fishfive.top";

# 配置服务器缓存位置和自动清除触发条件（空间大小、时限）
pagespeed FileCachePath "/data/ngx_pagespeed/";
pagespeed FileCacheSizeKb 2048000;
pagespeed FileCacheCleanIntervalMs 43200000;
pagespeed FileCacheInodeLimit 500000;
# 过滤规则
pagespeed RewriteLevel PassThrough;

# 过滤WordPress的后台(可选配置，可参考使用)
pagespeed Disallow "*/wp-admin/*";
pagespeed Disallow "*/wp-login.php*";

# 移除不必要的url前缀，开启可能会导致某些自动加载功能失效
#pagespeed EnableFilters trim_urls;
# 移除 html 空白
pagespeed EnableFilters collapse_whitespace;
# 移除 html 注释
pagespeed EnableFilters remove_comments;
# DNS 预加载
pagespeed EnableFilters insert_dns_prefetch;
# 压缩CSS
pagespeed EnableFilters rewrite_css;
# 合并CSS
pagespeed EnableFilters combine_css;
# 重写CSS，优化加载渲染页面的CSS规则
pagespeed EnableFilters prioritize_critical_css;
# google字体直接写入html 目的是减少浏览器请求和DNS查询
pagespeed EnableFilters inline_google_font_css;
# 压缩js
pagespeed EnableFilters rewrite_javascript;
# 合并js
pagespeed EnableFilters combine_javascript;
# 优化内嵌样式属性
pagespeed EnableFilters rewrite_style_attributes;
# 压缩图片
pagespeed EnableFilters rewrite_images;
# 不加载显示区域以外的图片
pagespeed LazyloadImagesAfterOnload off;
# 图片预加载
pagespeed EnableFilters inline_preview_images;
# 移动端图片自适应重置
pagespeed EnableFilters resize_mobile_images;
# 图片延迟加载
pagespeed EnableFilters lazyload_images;
# 雪碧图片，图标很多的时候很有用
pagespeed EnableFilters sprite_images;
# 扩展缓存 改善页面资源的可缓存性
pagespeed EnableFilters extend_cache;

# 将 meta 转换为 header 
location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" { add_header "" ""; }
location ~ "^/ngx_pagespeed_static/" 
location ~ "^/ngx_pagespeed_beacon$" 
location /ngx_pagespeed_statistics { allow 127.0.0.1; deny all; }
location /ngx_pagespeed_message { allow 127.0.0.1; deny all; }

更多的设置文档请翻看：https://modpagespeed.com/doc/

外部缓存

PageSpeed 还支持以 Memcached 和 Redis 作为外部缓存，来拓展性能。

Redis 支持
在配置中加入：

pagespeed RedisServer "host:port";
设置连接失败后的等待时间，默认 1s(可选)：

pagespeed RedisReconnectionDelayMs timeout_in_milliseconds;
Memcached 支持
在配置中加入：

pagespeed MemcachedServers "host：port";
设置连接失败后的等待时间，默认 1s(可选)：

pagespeed MemcachedTimeoutUs timeout_in_microseconds;
重启生效
先判断是否有错误， SSH 中输入如下值后回车：

nginx -t
如果返回：

root@MF8.BIZ:~# nginx -t
nginx: the configuration file /usr/local/nginx/conf/nginx.conf syntax is ok
nginx: configuration file /usr/local/nginx/conf/nginx.conf test is successful

nginx: configuration file /usr/local/nginx/conf/nginx.conf test is successful

即可，重启以生效 PageSpeed 的设置：

service nginx restart 或 systemctl restart nginx

清理缓存

开启 PageSpeed 后，如果原来的 CSS 和 JS 发生变动话的，不清理缓存是不会生效的，需要清理缓存的时候：

touch /data/pagespeed/cache.flush
运行上述语句即可， 其中 /var/cache/pagespeed/ 为配置文件中，pagespeed FileCachePath "/var/cache/pagespeed/"; 设置的目录。