兄弟你听说过pagespeed吗？ ## pagespeed ```asp 主要功能 图像优化：剥离元数据、动态调整，重新压缩 CSS和JavaScript压缩、合并、级联、内联 小资源内联 对HTML重写、压缩空格、去除注释等 提升缓存周期 DNS预加载，延时加载图片等过滤器的支持（就看着最后一个去的） ... ``` 总的来说，是个好东西（虽然占用一定资源，小鸡未必能顶的住） 需要重新编译nginx（没用过Apache） 怕麻烦不想搞？ 这个一键包适合你 基于宝塔的一键包 emmm暂时只支持nginx1.14...请不要在生产环境使用 GCC需要>=4.8 ```shell wget https://raw.githubusercontent.com/madlifer/ngx_pagespeed_auto/master/nps-auto.sh && bash nps-auto.sh ``` ## 安装流程 ###*一，安装前准备 检查当前状态：系统＆root权限＆GCC版本（> = 4.8） 更新yum / apt源＆安装pagespeed所需依赖 增加交换空间（很多小内存VPS会出现内存不足导致的编译崩溃） ###*二，下载模块 下载ngx_pagespeed模块 下载PSOL（模块优化管理） ###*三，安装模块 获取当前nginx的配置文件 在配置中添加ngx_pagespeed模块 制作和制作安装 ###*四，验证模块 重启的nginx（重载配置不行，必需重启） 验证模块是否运行 ### *五，最后 在网站的nginx配置文档中服务器段内粘贴所需要的功能命令，然后重载Nginx配置就可以了。 ```asp # 启用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; ```