`

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使用指南最新2

    - 点击“Run Test”运行YSlow,或选择“Grade”、“Components”、“Statistics”等选项开始对当前页面进行分析。 - 可以勾选“Autorun YSlow each time a web page is loaded”,让YSlow在每次加载网页时自动运行。...

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

    在本案例中,用户采用了一种自动化测试解决方案,结合了Selenium IDE、YSlow和Showslow三个工具,实现了对导购搜索页面的性能自动化评估。 Selenium IDE是一款基于Firefox的测试录制工具,能够记录用户的浏览器操作...

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

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

    页面性能测试Showslow+Yslow

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

    firefox-firebug-yslow.zip

    《Firefox Firebug与YSlow:前端开发者不可或缺的神器》 在Web开发的世界里,Firefox浏览器以其开源、可扩展性及强大的开发者工具而受到广大程序员的青睐。本资源包"firefox-firebug-yslow.zip"正是为这些开发者量...

    yslow前端性能测试工具

    2. **优化建议**:yslow不仅评分,还会提供详细的优化建议,指导如何改进页面性能。 3. **组件分析**:yslow能够列出页面所有组件,包括其大小、类型和加载时间,方便开发者针对性优化。 4. **缓存策略检查**:...

    yslow-3.1.8-fx最新版.rar

    《YSLOW 3.1.8与Firebug的黄金搭档:优化网页性能的利器》 YSLOW和Firebug,这两个工具在Web开发和优化领域中堪称经典组合,尤其对于Firefox浏览器用户来说,它们是提升网页性能不可或缺的工具。yslow-3.1.8-fx最新...

    FireBug1.9.1+yslow3.1.0

    FireBug和YSlow是Web开发和优化领域中的两个重要工具,尤其对于前端开发者而言,它们是不可或缺的利器。本文将详细介绍这两个工具的功能、用途以及如何使用它们来提升网页性能。 **FireBug** FireBug是一款集成在...

    firebug+YSlow

    Firebug和YSlow是Web开发和优化领域中的两个重要工具,它们在前端性能分析和调试方面发挥着关键作用。火狐浏览器的扩展Firebug是一款强大的HTML、CSS、JavaScript调试工具,而YSlow则是Yahoo!开发的一款性能分析插件...

    yslow-3.1.0-fx

    《yslow-3.1.0-fx:优化网页性能的专业工具》 yslow是Web性能优化领域的一款著名工具,其3.1.0-fx版本是专为Firefox浏览器定制的扩展。这款插件由Yahoo!开发,旨在帮助开发者评估网页加载速度,提供改善网页性能的...

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

    因此,YSlow是建立在Firebug之上的,专门用于评估网页性能的工具。遗憾的是,由于它依赖于Firebug,所以YSlow无法在Microsoft的Internet Explorer(IE)浏览器上使用,只支持Firefox。 要使用YSlow,首先需要确保你...

    firefox+firebug+yslow.rar

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

    yslow3_1_2

    **yslow3_1_2** 是一个针对Web前端性能优化的浏览器插件,它为开发者和测试人员提供了一个方便的工具,以便于评估和改进网页加载速度。这个插件基于YSlow规则,由Yahoo!开发,旨在帮助用户遵循最佳实践来提升网页的...

    YSlow 2.0.0b6

    《YSlow 2.0.0b6:Firefox浏览器优化利器》 YSlow是Yahoo!开发的一款网页性能优化工具,它以其强大的分析功能和实用的优化建议,成为了前端开发者的重要助手。YSlow 2.0.0b6是针对Firefox浏览器的一个扩展插件,...

    yslow for firefox

    yslow for firefox v18

    yslow-3.1.8-fx.xpi

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

    [优]Yslow网站前端性能测试工具安装与使用简介

    在现代互联网应用开发中,网站性能优化已成为提升用户体验的关键因素之一。Yslow是一款由Yahoo!开发的前端性能测试工具,旨在帮助开发者识别并解决网页加载速度方面的问题。通过分析网页的各项指标,Yslow能够给出...

    firefox基于firebug的插件yslow-3.1.0

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

Global site tag (gtag.js) - Google Analytics