宝塔面板一键安装Nginx_Pagespeed ,1秒给你的网站加速

王小优
王小优
王小优
231
文章
0
评论
2015年12月21日 评论 2,456 1721字阅读5分44秒

宝塔面板一键安装Nginx_Pagespeed ,1秒给你的网站加速

Ngx_PageSpeed是Nginx的一个扩展模块,主要的功能是针对前端页面而进行服务器端的优化,对前端设计人员来说,可以省去优化CSSJS以及图片的过程。

Ngx_PageSpeed对Nginx自身负载能力的提升基本是看不到的,甚至会因为进行服务器端的优化而使系统增加负载;但从减少客户请求数的角度去看,牺牲部分服务器性能还是值得的。

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

实验环境

系统:Debian8 64位,管理面板:宝塔5.9免费版,环境:Nginx 1.14编译安装。

项目地址

首先要说明的是pagespeed官网提供全自动安装,但并不适合各种一键环境,所以只能采用手动安装。

在实验环境下通过了编译,可以通过下面一行命令进行调用:

  1. wget https://github.com/madlifer/ngx_pagespeed_auto/releases/download/v0.0.1/nps-auto.sh && bash nps-auto.sh

脚本来源参考了模块官网,脚本命令参考了Linpx、ZhangGe,脚本流程参考了nanqinlang,但由于自身shell水平不行,脚本里仍然还是full of trash,强烈不建议用于生产环境。

将下面的命令粘贴于网站→域名→配置文档→域名下方,并保存,即可启用:

  1. # 启用ngx_pagespeed
  2. pagespeed on;
  3. pagespeed FileCachePath /tmp/cache/ngx_pagespeed_cache;
  4. # 禁用CoreFilters
  5. pagespeed RewriteLevel PassThrough;
  6. # 启用压缩空白过滤器
  7. pagespeed EnableFilters collapse_whitespace;
  8. # 启用JavaScript库卸载
  9. pagespeed EnableFilters canonicalize_javascript_libraries; #谷歌被墙,并不确定这个设置有没有副作用
  10. # 把多个CSS文件合并成一个CSS文件
  11. pagespeed EnableFilters combine_css;
  12. # 把多个JavaScript文件合并成一个JavaScript文件
  13. pagespeed EnableFilters combine_javascript;
  14. # 删除带默认属性的标签
  15. pagespeed EnableFilters elide_attributes;
  16. # 改善资源的可缓存性
  17. pagespeed EnableFilters extend_cache;
  18. # 更换被导入文件的@import,精简CSS文件
  19. pagespeed EnableFilters flatten_css_imports;
  20. pagespeed CssFlattenMaxBytes 5120;
  21. # 延时加载客户端看不见的图片
  22. pagespeed EnableFilters lazyload_images;
  23. # 启用JavaScript缩小机制
  24. pagespeed EnableFilters rewrite_javascript;
  25. # 启用图片优化机制
  26. pagespeed EnableFilters rewrite_images;
  27. # 预解析DNS查询
  28. pagespeed EnableFilters insert_dns_prefetch;
  29. # 重写CSS,首先加载渲染页面的CSS规则
  30. pagespeed EnableFilters prioritize_critical_css;
  31. # Example 禁止pagespeed 处理/wp-admin/目录(可选配置,可参考使用)
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微博
  • 微博扫一扫
  • weinxin
王小优
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: