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

发布于 2022-08-31 20:45:37 字数 52 浏览 16 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(8

小…红帽 2022-09-07 20:45:37

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

木格 2022-09-07 20:45:37

Yslow 就可以了

如若梦似彩虹 2022-09-07 20:45:37

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

时光瘦了 2022-09-07 20:45:37

LoadRunner应该能干这事。

野生奥特曼 2022-09-07 20:45:37

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

梦旅人picnic 2022-09-07 20:45:37

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

clipboard.png

放低过去 2022-09-07 20:45:37

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

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

紧拥背影 2022-09-07 20:45:37

Charles

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文