前端开发中,大家都是用什么工具或者服务来检测网页性能?
前端开发中,大家都是用什么工具或者服务来检测网页性能?然后针对性的优化,提高网页性能?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
前端开发中,大家都是用什么工具或者服务来检测网页性能?然后针对性的优化,提高网页性能?
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(8)
Chrome有一个插件叫PageSpeed,谷歌官方出品。以当前页面为例存在下面的问题
Suggestion Summary
Click on the rule names to see suggestions for improvement.
(M)Serve scaled images, (L)Enable compression, (L)Minify HTML, (L)Optimize images
(L)Avoid CSS @import, (L)Minimize request size, (L)Specify image dimensions, (L)Specify a character set
(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 分析的数据比较详细。每个优化指标都有相应的完成程度百分比,可以具体查看到哪个文件没有完成某项指标。还可以对比优化前和优化后改进。分析结果显示如下图:
以载入这篇文章为例
可以使用
Firefox developer Edition
,也可以使用firebug
配合Yslow
使用,或者使用chrome
的plugins,至于种类,可以知乎或者百度搜搜看。Charles