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

extreme_web
  • 953

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

回复
阅读 7.5k
8 个回答

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分别代表问题的严重程度,高、中、低

Yslow 就可以了

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

LoadRunner应该能干这事。

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

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

clipboard.png

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

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

你知道吗?

宣传栏