`

YSlow优化之Compress components with gzip (nodejs+express)

阅读更多

强烈推荐YSlow网站优化工具,简单好使,我用的是Firefox下的YSlow:

https://addons.mozilla.org/en-US/firefox/addon/yslow/

 

Compress components with gzip(用gzip压缩组件)

        gzip的压缩率非常高,通常可以高达70%,也就是说,如果你的网页有30K,压缩之后就变成9K,对于大部分网站,显然可以明显提高浏览速度(注:需要浏览器支持)

 

对于nodejs+express框架,启用方法非常简单,启用compress()中间件即可,例子:(参考:Express中文文档

注意:文档中说到,通过gzip / deflate压缩响应数据. 这个中间件应该放置在所有的中间件最前面以保证所有的返回都是被压缩的

        特别注意!如果启用了之后没有效果,可能是因为你把端口号改了,

        本来是3000:app.set('port', process.env.PORT || 3000); (这个端口号在express内部的client.js有用到,不排除还有其他模块用到,所以还是不要随便改的好)
//app.js
app.use(express.logger('dev'));
app.use(express.compress());    //启用压缩
app.use(express.bodyParser());
app.use(express.methodOverride());

此时的YSlow评分:A-93

 

 

如果不使用压缩:(注:如果启用过,需要清除cookies并且重新运行node才能明显看到不启用的效果)

//app.js
app.use(express.logger('dev'));
//app.use(express.compress());
app.use(express.bodyParser());
app.use(express.methodOverride());

 此时的YSlow评分:B-86(下降7分)

 

 

1
1
分享到:
评论

相关推荐

    yslow.pdf 网站优化

    这是yslow 中优化思想  什么是YSlow? YSlow是Yahoo发布的一款基于FireFox的插件。 YSlow有什么用? YSlow可以对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化。 YSlow可以分析任何...

    Selenium IDE + YSlow +Showslow 实现页面性能评估自动化

    最近使用yslow+showslow做导购搜索页面性能评估测试,yslow是firefox一个插件,在firefox浏览网页时,会对网面性能进行评估(根据yahoo的14条规则,进行打分)。Showslow是收集yslow评测结果的web程序。 刚开始手动...

    selenium ide + yslow +showslow实现页面性能评估自动化

    最近使用yslow+showslow做导购搜索页面性能评估测试,yslow是firefox一个插件,在firefox浏览网页时,会对网面性能进行评估(根据yahoo的14条规则,进行打分)。Showslow是收集yslow评测结果的web程序

    页面性能测试Showslow+Yslow

    本文档主要介绍了Showslow和Yslow的部署、使用方法,为需要进行页面性能测试的同僚提供入门帮助,希望能对各位有所帮助。

    firefox+firebug+yslow.rar

    firefox12+firebug1.9+yslow3,版本最佳组合,保证能使用的。有些版本搭配是不行的

    FireBug1.9.1+yslow3.1.0

    最新的firebug和yslow,web页面调试利器

    firebug+YSlow

    firebug+YSlow,Web开发调试工具

    使用YSlow工具提高网页的效率

    YSlow是由Yahoo开发者团队发布的一款基于Firebug的插件。而Firebug 又是一款基于FireFox的插件。所以说YSlow是一款基于FireFox插件的插件。虽然有点绕,但是最终说明的问题是: 很遗憾,微软的IE系列浏览器不能使用...

    yslow for firefox

    yslow for firefox v18

    yslow-3.1.8-fx.xpi

    YSlow是Yahoo发布的一款基于FireFox的插件,这个插件可以分析网站的页面,并告诉你为了提高网站性能,如何基于某些规则而进行优化。yslow3.18支持firefox30版本

    firefox基于firebug的插件yslow-3.1.0

    YSlow是Yahoo发布的一款基于FireFox的插件。 安装YSlow必须首先先安装 Firebug,然后下载YSlow,再对... YSlow可以分析任何网站,并为每一个规则产生一个整体报告,如果页面可以进行优化,则YSlow会列出具体的修改意见

    YSlow使用指南最新2

    YSlow分析网页,并提出如何提高其性能的基础上一套规则,高性能的网页。我搜索一下”Yslow使用说明“,发现都是旧版本Yslow的使用介绍。于是翻译了一下yahoo官方关于新版Yslow的的使用帮助,希望给初次使用Yslow的朋友...

    yslow-3.1.8-fx汉化最新版

    YSlow 是Yahoo发布的一款基于FireFox的插件,这个插件可以分析网站的页面,并告诉你为了提高网站性能,如何基于某些规则而进行优化。

    yslow前端性能测试工具

    yslow对前端的请求的响应时间,缓存,数据包大小,协议等进行评分,默认规则23条。

    yslow-1.0.2-fx

    yslow,用于检测网站性能,帮助开发人员进行性能调优的优秀工具

    yslow-3.0.9

    网站性能工具Yslow

    YSlow

    yahoo性能中心总结的高性能网站设计的14条规则,这个工具就是用来根据这些规则对你的网站进行测试评分的,下载后直接拖到firefox里就可以自动安装了,但是先要装另外一个插件firebug,在我上传的资源列表里可以找到

    yslow-3.1.0-fx

    亲测可用firefox插件yslow-3.1.0-fx.xpi。需先安装firebug。

    yslow-3.1.8-fx最新版.rar

    文件里面有yslow最新插件和firebug插件 两个一起配合才可以使用,提醒必须是低版本的火狐才可以使用比如Firefox Setup 37.0.1

    firefox-firebug-yslow.zip

    包含firefox35.0.1版本的安装包、firebug插件、ysflow插件;firebug比开发者工具具有更强的分析能力;ysflow可用于前端页面的性能分析。

Global site tag (gtag.js) - Google Analytics