Loading... <div class="tip share">请注意，本文编写于 571 天前，最后修改于 265 天前，其中某些信息可能已经过时。</div> ## 下载PageSpeed编译源码 ```shell cd /root/ bash <(curl -f -L -sS https://ngxpagespeed.com/install)\ --nginx-version latest ``` （偷懒，直接用谷歌给出的这条一键安装编译的PageSpeed命令下载编译所需的文件并部署所需环境，出现第一个需要你按回车的时候按CTRL + C停止，然后回来根目录即可看到下载完成的编译源码） ##修改宝塔官方nginx安装脚本 修改文件 /www/server/panel/install/nginx.sh 第205行左右，添加 ` --add-module=/root/incubator-pagespeed-ngx-latest-stable` 前面有个空格 ## 编译安装 ### 执行命令 ```shell cd /www/server/panel/install/ bash nginx.sh install 1.17 ``` 1.17为要安装的nginx版本号 编译安装完成会自动重启nginx ### 验证安装 `/www/server/nginx/sbin/nginx -V` ## 网站配置 将下面的命令粘贴于 网站-域名-配置文件- 域名下方 并保存 即可启用 ```shell pagespeed on; # 重置 http Vary 头 pagespeed RespectVary on; # html字符转小写 pagespeed LowercaseHtmlNames on; # 压缩带 Cache-Control: no-transform 标记的资源 pagespeed DisableRewriteOnNoTransform off; # 相对URL pagespeed PreserveUrlRelativity on; pagespeed XHeaderValue "Powered By ifking.cn"; # 开启 https pagespeed FetchHttps enable; # 配置服务器缓存位置和自动清除触发条件，缓存文件夹如果不存在则需要自行创建，建议放在内存中 pagespeed FileCachePath "/tmp/cache/ngx_pagespeed/"; pagespeed FileCacheSizeKb 2048000; pagespeed FileCacheCleanIntervalMs 43200000; pagespeed FileCacheInodeLimit 500000; # 过滤规则 pagespeed RewriteLevel PassThrough; # 过滤WordPress的/wp-admin/目录(可选配置，可参考使用) pagespeed Disallow "*/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; # 压缩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 extend_cache; 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; } ``` ## 参考文章 [宝塔面板下nginx前端优化模块pagespeed编译使用教程][3] [使用宝塔面板Nginx添加第三方Pagespeed 模块来提升WEB性能][4] [3]: https://www.bt.cn/bbs/thread-12990-1-2.html [4]: https://blog.csdn.net/u011630259/article/details/90796386 最后修改：2020 年 07 月 27 日 06 : 48 PM © 允许规范转载 赞赏 赏包辣条吧 ×Close 赞赏作者 扫一扫支付 支付宝支付 微信支付
