前端开发中,大家都是用什么工具或者服务来检测网页性能?


前端开发中,大家都是用什么工具或者服务来检测网页性能?然后针对性的优化,提高网页性能?

web前端开发 前端性能 前端优化

小茶子嘟嘟噜 11 years, 10 months ago

以载入这篇文章为例 图片描述

可以使用 Firefox developer Edition ,也可以使用 firebug 配合 Yslow 使用,或者使用 chrome 的plugins,至于种类,可以知乎或者百度搜搜看。

smile answered 11 years, 10 months ago

Gtmetrix 分析的数据比较详细。每个优化指标都有相应的完成程度百分比,可以具体查看到哪个文件没有完成某项指标。还可以对比优化前和优化后改进。分析结果显示如下图:

clipboard.png

Eliotte answered 11 years, 10 months ago

Chrome的DevTools下的Timeline。
Win系列可以用 fidder 和 http watch

星星魔力。 answered 11 years, 10 months ago

LoadRunner应该能干这事。

八九寺真宵~ answered 11 years, 10 months ago

chrome的开发工具无论是调加载速度还是JS性能都很方便

我是一条大人参 answered 11 years, 10 months ago

Yslow 就可以了

CROWj answered 11 years, 10 months ago

Chrome有一个插件叫PageSpeed,谷歌官方出品。以当前页面为例存在下面的问题

Suggestion Summary

Click on the rule names to see suggestions for improvement.

  • Minimize payload
    (M)Serve scaled images, (L)Enable compression, (L)Minify HTML, (L)Optimize images
  • Minimize delay in page load
    (L)Avoid CSS @import, (L)Minimize request size, (L)Specify image dimensions, (L)Specify a character set
  • Other
    (L)Leverage browser caching, (L)Enable Keep-Alive, (L)Remove query strings from static resources, (L)Specify a Vary: Accept-Encoding header

图片描述

HML分别代表问题的严重程度,高、中、低

养鸟?观日 answered 11 years, 10 months ago

Your Answer