当前位置: 首页 > 工具软件 > Page Speed > 使用案例 >

nginx使用pagespeed

吉凯捷
2023-12-01

在已有的源码安装的nginx添加page speed模块

下载模块

cd /usr/local/nginx
wget https://github.com/pagespeed/ngx_pagespeed/archive/v1.13.35.2-stable.zip

解压

unzip v1.13.35.2-stable.zip

下载psol优化库

cd incubator-pagespeed-ngx-1.13.35.2-stable/
wget https://dl.google.com/dl/page-speed/psol/1.13.35.2-x64.tar.gz

解压

tar -xzvf 1.13.35.2-x64.tar.gz

查看现有nginx的编译参数

nginx -V

重新编译nginx,新增pagespeed模块

cd /usr/local/src/nginx-1.14.1
./configure --add-module=…/incubator-pagespeed-ngx-1.13.35.2-stable 后面接上上一步查询到的参数
make
make install

修改项目conf文件:放到server里面就行

#如果不知道加到哪,可以加入到 root /home/wwwroot/yourdomain.com; 的后面即可
#启用ngx_pagespeed
pagespeed on;
pagespeed FileCachePath /tmp/cache/ngx_pagespeed_cache;
#禁用CoreFilters
pagespeed RewriteLevel PassThrough;
#启用压缩空白过滤器
pagespeed EnableFilters collapse_whitespace;
#启用JavaScript库卸载
pagespeed EnableFilters canonicalize_javascript_libraries; #谷歌被墙,并不确定这个设置有没有副作用
#把多个CSS文件合并成一个CSS文件
pagespeed EnableFilters combine_css;
#把多个JavaScript文件合并成一个JavaScript文件
pagespeed EnableFilters combine_javascript;
#删除带默认属性的标签
pagespeed EnableFilters elide_attributes;
#改善资源的可缓存性
pagespeed EnableFilters extend_cache;
#更换被导入文件的@import,精简CSS文件
pagespeed EnableFilters flatten_css_imports;
pagespeed CssFlattenMaxBytes 5120;
#延时加载客户端看不见的图片
pagespeed EnableFilters lazyload_images;
#启用JavaScript缩小机制
pagespeed EnableFilters rewrite_javascript;
#启用图片优化机制
pagespeed EnableFilters rewrite_images;
#预解析DNS查询
pagespeed EnableFilters insert_dns_prefetch;
#重写CSS,首先加载渲染页面的CSS规则
pagespeed EnableFilters prioritize_critical_css;
#Example 禁止pagespeed 处理/wp-admin/目录(可选配置,可参考使用)
pagespeed Disallow “/wp-admin/”;

新增缓存文件夹:

mkdir -p /tmp/cache/ngx_pagespeed_cache

重新载入nginx配置:

nginx -t
nginx -s reload

 类似资料: