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


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

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

小茶子嘟嘟噜 11 years, 1 month ago

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

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

smile answered 11 years, 1 month ago

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

clipboard.png

Eliotte answered 11 years, 1 month ago

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

星星魔力。 answered 11 years, 1 month ago

LoadRunner应该能干这事。

八九寺真宵~ answered 11 years, 1 month ago

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

我是一条大人参 answered 11 years, 1 month ago

Yslow 就可以了

CROWj answered 11 years, 1 month 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, 1 month ago

Your Answer