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

我们都知道，前端包括图形化的用户界面、相应的功能、及其整体站点的可用性。前端的重要性毋庸置疑，如果前端无法正常工作，将无法“拉新”。今天就给大家介绍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报告的形式输出。

【编辑推荐】

1. React组件开发中常见的陷阱
2. Java程序的开发与运行原理解析
3. 包括Kubernetes在内，10个强大的容器编排工具
4. Mozilla裁员250人：涉及开发者工具、威胁管理等团队
5. 使用这个Python工具分析你的Web服务器日志文件

【责任编辑：华轩 TEL：（010）68476606】