米饭粑 米饭粑
  • 首页
  • 好物推荐
    • 干货分享
    • 好物推荐
    • 免费资源
    • 非专业测评
  • 技术架构
    • Linux
    • HTTPS
    • Windows Server
  • 关于米饭
  • 教程&更多
    • 更多教程
    • 资讯新闻
    • 琐琐碎碎
    • 打赏米饭
    • 阿里云Ping
  • 友情链接
首页 › 技术架构 › 教程 › OpenResty 设置 ngx_PageSpeed

OpenResty 设置 ngx_PageSpeed

妙正灰
5年前教程阅读 1,751

介绍

像 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

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

OpenResty PageSpeed
赞(0)
通过 OpenResty + Redis 高效缓存 WordPress
上一篇
使用云数据库 Redis 版为 WP 做缓存
下一篇
标签
Appnode Brotli CDN CentOS CentOS8 Debian DNS ECC ECS Ghost HTTP2 HTTPS IIS IPV6 Linux LiteSpeed MariaDB MySQL Nginx OLS OpenLiteSpeed OpenResty OSS PageSpeed PHP PHP7 QUIC Redis RHEL RHEL8 SSL TokuDB Ubuntu Windows Server 2016 Wordpress 云服务器 升级 域名 对象存储 微软 数据库 百度 笔记本 阿里云 阿里云ACP
归档
4月4日,全国哀悼,简单CSS代码将网站变成灰色
2年前
793 0
使用如下姿势预防阿里云 CDN 产生天价账单
2年前
1,031 2
阿里云IPv6实践,从云服务到云安全
3年前
813 3
不花一分钱构建阿里云上第零步安全体系
3年前
814 3
  • 0
Copyright © 2011-2022 米饭粑. Designed by nicetheme.
浙ICP备15006212号-1
  • 首页
  • 教程
  • 好物
  • 关于
  • 链接
  • 打赏
# 402 # # 113 # # 546 # # 548 # # 460 #
妙正灰
文科屌丝伪IT男一枚.
337
文章
385
评论
449
喜欢