美文网首页
7款前端性能分析工具

7款前端性能分析工具

作者: 麦芽maiya | 来源:发表于2020-12-28 21:53 被阅读0次

7款前端性能分析工具,全都是神器

  1、 Lighthouse

  Lighthouse是一个开源的自动化工具,用于帮助改进网络应用的质量。可将其作为一个 Chrome扩展程序运行,或从命令行运行。Lighthouse分析web应用程序和web页面,收集关于开发人员优秀实践的现代性能指标和见解,让开发人员根据生成的评估页面,来进行网站优化和完善,提高用户体验。

  2、SpeedCurve

  SpeedCurve 可以帮助追踪自己的性能表现,以及竞争对手的性能表现。它可以用来查看某个因素在不同站点的速度表现,并且还提供了综合监控。综合监控是在受控环境中模拟网站。在其中可以自定义选项,比如网络速度、设备、操作系统等等。

  3、Pingdom

  在Pingdom输入 URL 地址,即可测试页面加载速度,分析并找出性能瓶颈。帮助用户找出影响网站速度的原因,并给出改善网页性能的可行性方案,很适合做网站的用户。

  4、PageSpeed Insights

  它提供免费服务,可以分析网页的内容,提出建议,加快网页的速度。它为您提供了关键指标,如第一个内容绘制,总阻塞时间和更多。度量标准被分类为Field Data、Origin Summary,Lab Data,Opportunities、Diagnostics 和Passed Audits。

  5、SpeedTracker

  SpeedTracker运行在WebPageTest上,可定期进行网站性能测试,并显示各种性能指标随时间的变化。这个功能可以帮助不断评估网站,并查看新功能如何影响网站的性能,还可以定义预算并通过电子邮件和Slack获取警报。

  6、WebPageTest

  WebPageTest是一个在线性能评测网站,支持IE,Chrome,使用真正的浏览器(IE和Chrome)和真实的消费者连接速度,从全球多个地点运行免费网站速度测试。WebpageTest 主要提供了Advanced Testing、simple Testing、Visual Comparison、Traceroute四个功能。

  可以运行简单的测试或执行高级测试,还会依据测试结果提供丰富的诊断信息,包括资源加载瀑布图,页面速度优化检查和改进建议,会给每项内容一个最终的评级。

  7、Sitespeed.io

  Sitespeed.io 是开源的Web性能测试工具,用来衡量Web网站的综合性能,帮助开发和测试人员分析网页的加载速度和渲染性能。Sitespeed.io通过驱动浏览器(如:Chrome、Firefox)进行测试,然后从开发者的站点收集多个页面的数据,并根据优秀实践等规则来分析这些网页,然后将结果以HTML报告的形式输出。

相关文章

  • Chrome 性能监控 性能分析

    Chrome开发者工具之JavaScript内存分析 前端性能优化 —— 前端性能分析 Chrome DevToo...

  • 性能测试之TPS趋势分析

    在性能分析中,前端的性能工具,关注几条曲线就够了:TPS、响应时间和错误率。 性能分析中,TPS和响应时间的曲线要...

  • linux性能分析汇总

    ​​​​ 性能分析工具汇总 收藏 一、分析工具 1、CPU性能分析工具: vmstat ps sar time s...

  • 7款前端性能分析工具

    7款前端性能分析工具,全都是神器 1、 Lighthouse Lighthouse是一个开源的自动化工具,用于帮助...

  • 前端性能分析工具推荐:YSlow

    YSlow 工具名称就叫做YSlow。是Firefox浏览器的一个前端站点性能分析工具,可以先安装firebug后...

  • php入门--性能测试

    PHP性能问题具体分析 工具:XHProf-性能分析扩展工具ab-压力测试vld-opcode代码分析 PHP性能...

  • 当我们谈前端性能的时候,我们谈的是什么

    本文结合谷歌官方工具 Lighthouse,分析了最新的前端页面性能评分标准,帮助大家更好地理解各项性能指标,以提...

  • MS(4):Android之性能优化篇

    六、性能及优化 1、App优化之性能分析工具 Android App优化之性能分析工具 2、ListView优化 ...

  • Web前端性能分析的工具

    最近依然在研究大型项目,而大型项目最容易遇到的问题便是性能问题。一般来说,当我们遇到性能瓶颈的时候,才会开始去进行...

  • rust性能分析

    Rust性能分析 安装性能分析工具: 可以安装windows下的图形工具:qcachegrind 编辑Cargo....

网友评论

      本文标题:7款前端性能分析工具

      本文链接:https://www.haomeiwen.com/subject/vqqxoktx.html