ngx_pagespeed nginx 模块前端优化 yxl 2018-10-23 15:20:03 490文章目录 ngx_pagespeed模块的主要功能如下: 1、图像优化:剥离元数据,动态调整,重新压缩 2、CSS和JavaScript的压缩,合并,级联,内联 3、小资源内联 4、推迟图像和JavaScript的加载 5、对HTML重写,压缩空格,去除注释等 6、提升缓存周期 ##### 备份nginx #cd /www/server/nginx/sbin/nginx #cp nginx nginx.bak 下载PageSpeed编译源码 #cd /root/ #bash <(curl -f -L -sS https://ngxpagespeed.com/install)\ --nginx-version latest ##### 查看当前nginx的加载所的模块 查看当前nginx的加载所的模块,在编译加载的PageSpeed模块的时候仍需加载这些模块(下面的路径是宝塔默认的nginx的路径,其他面板请自行更改路径) #/www/server/nginx/sbin/nginx -V  ##### 编译 然后进入nginx的源码目录,直接进入编译即可,没有nginx的源码请自行下载对应自己的版本 # cd /www/server/nginx/src (这个路径根据自己的nginx) #./configure(这里有一个空格) +上图红圈中-V命令查到的nginx当前加载的模块 --add-module=/root/incubator-pagespeed-ngx-latest-stable(add-module前面是两个 - 号,后面是刚才下载的pagespeed模块路径) ##### 编译完成 #rm -rf /usr/local/nginx/sbin/nginx #cp objs/nginx /usr/local/nginx/sbin/ #service nginx restart 重启nginx的后至此编译替换nginx的步骤完成 下面是我用的pagespeed配置,缓存路径为/var/cache/ngx_pagespeed,手动刷新缓存可以删掉这个目录然后重启 nginx: pagespeed on; pagespeed FileCachePath /var/cache/ngx_pagespeed; # 压缩CSS pagespeed EnableFilters rewrite_css; # 合并CSS pagespeed EnableFilters combine_css; # 重写CSS,优化加载渲染页面的CSS规则 pagespeed EnableFilters prioritize_critical_css; # google字体直接写入html 目的是减少浏览器请求和DNS查询 pagespeed EnableFilters inline_google_font_css; # 压缩js pagespeed EnableFilters rewrite_javascript; # 合并js pagespeed EnableFilters combine_javascript; # 重置 http Vary 头 pagespeed RespectVary on; # html字符转小写 pagespeed LowercaseHtmlNames on; # 开启 https pagespeed FetchHttps enable,allow_self_signed,allow_unknown_certificate_authority,allow_certificate_not_yet_valid;(2018.5.5更新,之前的配置在https的站点不是完全生效) # 过滤规则 pagespeed RewriteLevel PassThrough; # 移除 html 空白 pagespeed EnableFilters collapse_whitespace; # 移除 html 注释 pagespeed EnableFilters remove_comments; # DNS 预加载 pagespeed EnableFilters insert_dns_prefetch; # 优化内嵌样式属性 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 sprite_images; # 扩展缓存 改善页面资源的可缓存性 pagespeed EnableFilters extend_cache; pagespeed EnableFilters combine_javascript; pagespeed XHeaderValue "Powered By ngx_pagespeed"; pagespeed SupportNoScriptEnabled false; # filters pagespeed RewriteLevel CoreFilters; pagespeed EnableFilters remove_comments,collapse_whitespace; # admin直接访问 <域名>/pagespeed_admin 就可以打开管理员界面了。 pagespeed Statistics on; pagespeed StatisticsLogging off; pagespeed LogDir /var/log/pagespeed; pagespeed AdminPath /pagespeed_admin; # Configuring the File Cache pagespeed FileCacheSizeKb 1024000; # 1GB pagespeed FileCacheCleanIntervalMs 3600000; # 1h pagespeed FileCacheInodeLimit 500000; # Configuring the in-memory LRU Cache pagespeed LRUCacheKbPerProcess 1024; pagespeed LRUCacheByteLimit 16384; pagespeed HttpCacheCompressionLevel 3; pagespeed EnableCachePurge on;Tags: nginx您觉得不错,可以分享到:关于本站凡本站注明"本站"或"投稿"的所有文章,版权均属于本站或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。关于作者__construct幸福不会遗漏为之付出的人 上一篇文章react学习之redux整合到react下一篇文章 兼容ios和安卓的复制相关文章nginx 开启SPDY(HTTP/2)全面了解Nginx到底能做什么
essaypinglun论文服务
收藏了,赞赞。
回复站长

回复