兄弟你听说过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; ```