OpenResty 设置 ngx_PageSpeed

介绍

像 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

再看看网站源代码,是不是大变样了~

可能喜欢
发表评论