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

Question

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

Answer 1

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

Answer 2

Yslow 就可以了

Answer 3

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

Answer 4

LoadRunner应该能干这事。

Answer 5

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

Answer 6

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

Answer 7

以载入这篇文章为例

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

Answer 8

Charles