前端开发中,大家都是用什么工具或者服务来检测网页性能?然后针对性的优化,提高网页性能?
LoadRunner应该能干这事。
Yslow 就可以了
Chrome的DevTools下的Timeline。
Win系列可以用 fidder 和 http watch
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分别代表问题的严重程度,高、中、低
Charles
以载入这篇文章为例
可以使用Firefox developer Edition
,也可以使用firebug
配合Yslow
使用,或者使用chrome
的plugins,至于种类,可以知乎或者百度搜搜看。
chrome的开发工具无论是调加载速度还是JS性能都很方便
Gtmetrix 分析的数据比较详细。每个优化指标都有相应的完成程度百分比,可以具体查看到哪个文件没有完成某项指标。还可以对比优化前和优化后改进。分析结果显示如下图: