介绍

像 WP 的 W3TC 插件，除了缓存功能外，还有 js、css 的优化功能，但与其通过 PHP 到 WordPress 再到插件还不如直接在 Web 服务器阶段就完成对 js、css 还有图片的处理，这里就介绍一下神器 PageSpeed。

主要特性：

图像优化：剥离元数据、动态调整，重新压缩
CSS和JavaScript压缩、合并、级联、内联
小资源内联
推迟图像和JavaScript加载
对HTML重写、压缩空格、去除注释等
提升缓存周期
更多

此页面 可以查看一些重点功能的优化先后表现

设置

我们在安装 OpenResty 的时候就已经把 ngx-pagespeed 搞进去了，所以直接开始这几即可～

缓存文件夹

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

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

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

配置文件

创建一份配置文件，这里放在 vhost 目录下：

cd /usr/local/openresty/nginx/conf/vhost/
wget https://gist.github.com/ivmm/a02e59b9c9bc281173763dd8900e644c/raw/e30661b982dacdd40d4320f88879c68dad00de19/pagespeed.conf

有些选项可能并不适合你的网站，或许会导致网站样式错误能，需要在不必要的配置前面加 # 来关闭功能。

然后再虚拟子主机配置文件中添加配置文件，以作用于虚拟主机，这里以 /usr/local/openresty/nginx/conf/vhost/www.mf8.biz.conf 为例

在 root /data/wwwroot/mf8; 上面添加：

  include /usr/local/openresty/nginx/conf/vhost/pagespeed.conf;

小片段例子：

  index index.html index.htm index.php;
  include /usr/local/openresty/nginx/conf/rewrite/wordpress.conf;
  include /usr/local/openresty/nginx/conf/vhost/pagespeed.conf;
  root /data/wwwroot/mf8;

然后重启 OpenResty：

nginx -s reload

再看看网站源代码，是不是大变样了～