一个技术博客

google nginx加速插件ngx_pagespeed PageSpeed Insights

本文由 Tim 于 2016-03-29 11:13:58 发表

一、ngx_pagespeed

mod_pagespeed于2010年发布,让网站管理员可以为其Web应用提速,而不需要深度的性能优化造诣。mod_pagespeed最初版本只作为Apache的模块,并不兼容Nginx这个最流行并为许多大型站点所使用的高性能开源网络服务器。如今Nginx的PageSpeed Beta版终于发布,又名ngx_pagespeed。

作为Nginx组件,ngx_pagespeed将重写你的网页,让用户以更快的速度进行访问。重写的工作包括压缩图片、缩减CSS和JavaScript、扩展缓存时间,同样还包括其它一些最佳实践

  • 优化缓存——整合应用程序的数据和逻辑
  • 最小化round-trip次数——削减连续的请求/响应周期数
  • 最小化请求开销——削减上传大小
  • 最小化负载大小——削减响应、下载及缓存页面大小
  • 优化浏览器渲染——改善浏览器页面布局
  • 移动方面的优化——优化站点移动网络和设备方面的相关特性

更多详情查看 Web Performance Best Practices ,同时mod_pagespeed的 优化过滤器同样兼容Nginx。

google nginx加速插件ngx_pagespeed PageSpeed Insights 
经过3个月的α测试,ngx_pagespeed的有效性在上千个站点被证明;而今他们释放了ngx_pagespped Beta版,并邀请更多的用户参与测试。

然而这个模块在Nginx上效果究竟如何,下面一览两个在α测试中的用例

1. CDN供应商MaxCDN最近发布了一篇关于ngx_pagespeed测试的 博文

通过PageSpeed,我们将平均网页时间削减1.57秒,将网站跳出率减少1%,退出比例减少2.5%。总而言之,只通过给Nginx配置添加些许语句就提升了额外的性能……我们会继续参与PageSpeed团队一起测试模块,而我们的目的就是让模块更有助于我们的平台。

2. 流行WordPress托管提供商ZippyKid同样是PageSpeed 最早的测试者

PageSpeed是世界上第一个针对WordPress优化服务,由ngx_pagespeed驱动,可以自动提升WordPress网站性能并提高访问速度。我们的基准指出为ZippyKid提供的PageSpeed可以减少3/4的网页大小,并且提高50%的页面渲染速度。

ngx_pagespeed开发者包括了来自Google、Taobao等公司的工程师以及一些其他的个人志愿者,现已于 GitHub上开源。

centos安装ngx_pagespeed  Google官方安装文档

首先安装依赖包

从谷歌的安装文档上找到这一段

翻译成我们想要的就是2句wget命令,使用“–no-check-certificate”避免验证

下载后如下,我的是下载到/root下

解压

会生成ngx_pagespeed-release-1.10.33.6-beta的目录,将1.10.33.6.tar.gz解压到此目录里面(编译时检测不到psol目录会报错)

在ngx_pagespeed-release-1.10.33.6-beta目录下生成psol目录。记住解压路径(我的是/root/ngx_pagespeed-release-1.10.33.6-beta) , 接下来编译nginx会用到。

重新编译nginx

使用nginx-V查看configure arguments 并复制下来,切勿盲目编译,比如我的,

进入nginx安装目录,我的为/root/nginx-1.8.1,在如上参数后添加–addmodule=/root/ngx_pagespeed-release-1.10.33.6-beta(ngx_pagespeed解压路径)

configure

到此安装完毕,nginx -V可以看到模块添加成功

配置开启ngx_pagespeed,在nginx配置目录下新建pagespeed.conf

vi /usr/local/nginx/conf/pagespeed.conf

修改nginx.conf ,在server段中加入 include pagespeed.conf;

service nginx restart/reload 即可

查看头文件,多了X-Page-Speed: 1.10.33.6-0 等参数,至此安装完成

在Firebug中也能看到ngx_pagespeed的出没

google nginx加速插件ngx_pagespeed PageSpeed Insights

至于性能提升有多大,我想说好像感觉不到呢,至少没有说的那么google nginx加速插件ngx_pagespeed PageSpeed Insights难道是打开方式不对

 

二、pagespeed insights

谷歌推出的PageSpeed Insights是一款可以在线检测分析网站性能的工具,官方给出的介绍是:快速优化的网页可以获得更高的访问量和浏览量,Google官方都这么说了,您还不快点优化下您的网站吗?哈哈

官方地址为:https://developers.google.com/speed/pagespeed/insights/

输入链接开始分析

google nginx加速插件ngx_pagespeed PageSpeed Insights

稍等一会就会显示分析建议,包括移动设备和桌面设备

google nginx加速插件ngx_pagespeed PageSpeed Insights

google nginx加速插件ngx_pagespeed PageSpeed Insights

逐项点开有更详细的解决方案

google nginx加速插件ngx_pagespeed PageSpeed Insights

PageSpeed得分范围是从0到100分。分数越高,代表性能越好。85分或更高分表明网页性能良好。分析后会给出各项的分值,如网页速度,用户体验度,建议摘要等等,可以查看具体分析内容,而且还给出相应的解决方法,感觉挺实用。baidu评分接近一百,不明觉厉啊,想要提升网站用户体验的小伙伴不要错过了

新技能get√google nginx加速插件ngx_pagespeed PageSpeed Insights

ngx_pagespeed和pagespeed insights都是谷歌推出用于加速网站的,突然觉得谷歌很业界良心的样子,Mark下以后备用

 

 

欢迎转载,转载请注明出处!Tim » google nginx加速插件ngx_pagespeed PageSpeed Insights

点赞 (0)or拍砖 (0)
分享到:更多 ()