课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
性能分析工具对于程序员检测软件功能和稳定性等方面是有非常大的作用的,而今天我们就通过案例分析来了解一下,web前端开发常用的性能分析工具都有哪些。
1.PageSpeedInsights
这是一个免费的服务,分析网页的内容,然后提出建议,使该网页更快。它为您提供了关键指标,如一个内容绘制,总阻塞时间和更多。度量标准被分类为FieldData、OriginSummary,LabData,Opportunities、Diagnostics和PassedAudits。它还为我们提供了进一步改进的建议。
2.Lighthouse
Lighthouse是一个开源的自动化工具,用于改进网络应用的质量。你可以将其作为一个Chrome扩展程序运行,或从命令行运行。你为Lighthouse提供一个您要审查的网址,它将针对此页面运行一连串的测试,然后生成一个有关页面性能的报告。
从此处,您可以失败的测试为指示器,看看可以采取哪些措施来改进您的应用。
注意:Lighthouse目前非常关注ProgressiveWebApp(PWA)功能,如“添加到主屏幕”和离线支持。不过,此项目的要目标是针对网络应用质量的各个方面提供端到端审查。
运行Lighthouse的方式有两种:作为Chrome扩展程序运行,或作为命令行工具运行。Chrome扩展程序提供了一个对用户更友好的界面,方便读取报告。命令行工具允许您将Lighthouse集成到持续集成系统。
3.WebPageTest
WebPageTest是一个在线的免费性能评测网站,支持IE,Chrome,使用真正的浏览器(IE和Chrome)和真实的消费者连接速度,从全球多个地点运行免费网站速度测试。可以运行简单的测试或执行高级测试,包括多步骤事务、视频捕获、内容阻塞等等。还将依据测试结果提供丰富的诊断信息,包括资源加载瀑布图,页面速度优化检查和改进建议,会给每一项内容一个终的评级。
WebpageTest主要提供了AdvancedTesting、simpleTesting、VisualComparison、Traceroute四个功能,我们主要关注AdvancedTesting。
如何使用WebPageTest
填写需要测试的URL
填写TestLocation,下拉选择即可,可选移动端设备(包括Android、IOS),可选PC端(分地区,每个地区可支持的浏览器不同)
可选支持的浏览器
点击右侧STARTTEST
4.Pingdom
我喜欢的功能是分析后的的摘要,其中会为我们提供有关网站内容和请求的摘要。我发现这对于了解网页上提供的内容有很大帮助。
5.Sitespeed.io
Sitespeed.io是一款开源的Web性能测试工具,用来衡量Web网站的综合性能,帮助开发和测试人员分析网页的加载速度和渲染性能。
Sitespeed.io通过驱动浏览器(如:Chrome、Firefox)进行测试,然后从开发者的站点收集多个页面的数据,并根据佳实践等规则来分析这些网页,然后将结果以HTML报告的形式输出。
Sitespeed.io满足了一个完整的Web性能测试工具所需的3个关键功能:
使用真实的浏览器测试Web站点,模拟真实的用户进行请求连接,收集以用户为中心的重要指标,如:响应速度指标、一视觉呈现
可分析页面的组成,并给出相应性能反馈,增加终端用户的使用体验友好性
通过收集和保存页面组成的数据,便于跟踪定位
6.Calibre
Caliber是一款多功能的性能监控套件,可帮助你监控和审核网站的性能。它还允许你通过指定测试服务器的位置,管理模拟的广告选项甚至模拟移动设备来模拟现实条件。它还允许你设置预算,并通过为你提供性能下降来帮助你将预算保持在预算之内。
7.SpeedCurve
SpeedCurve既可以让你追踪竞争对手的性能表现,也可以追踪自己的性能表现。
使用SpeedCurve时,你可以查看某个因素在不同站点的速度表现。对于移动用户来说,他们希望网站在手机上加载起来要快于电脑,如果感到加载迟缓,往往会迅速关上网页,所以,网站的响应速度对他们很重要。
SpeedCurve还提供了综合监控。综合监控是在受控环境中模拟你的网站。你可以自定义选项,比如网络速度、设备、操作系统等等。
8.SpeedTracker
SpeedTracker是一个运行在WebPageTest之上的工具,可在你的网站上进行定期的性能测试,并直观显示各种性能指标随时间变化的方式。这使你可以不断评估网站,并查看新功能如何影响网站的性能。你还可以定义预算并通过电子邮件和Slack获取警报。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请在707945861群中学习了解。