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

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

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

7. Sitespeed.io

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