每个 Web 性能测试工具

2025-05-27

每个 Web 性能测试工具

这里列出了我所知道的所有 Web 性能测试工具,它们可以帮助你识别网站问题/获取一些关键的速度指标。具体方法如下:你只需要想出一个你想要的功能,例如“TTFB”、“位置”或“瀑布流”,然后在此页面上按 Cmd + F 键,就能找到能帮你实现该功能的工具。

如果您有其他适合此处的工具,请告诉我。

简单工具

以简单为吸引力的工具 - 出色的首次检查。

  • Netlify 的 TestMySite - Netlify 的工具,用于检查 TTFB 和 HTTPS 并给出 100 分的评分
  • Google 的 TestMySite - Google 提供的移动速度报告 - 可让您生成包含团队建议的报告
  • Bytecheck.com - 为您提供一个简单的瀑布分解重定向+DNS+连接+SSL+发送+等待+接收
  • YellowLab.tools为每个部分提供漂亮的字母等级
  • Pingdom 工具- 你选择一个位置,它会为你提供一些加载时间/页面大小统计信息、改进机会以及带有漂亮过滤器的瀑布图
  • 24x7 页面分析器- 您选择一个位置,它会向您显示带有 PageSpeed 分数的请求瀑布
  • KeyCDN Speed Tool - 提供每个资源的下载明细 - 有点太详细了,没什么用
  • Butterfly - 我还没有深入研究过这个 - 无限自动页面速度监控与跟踪、安全跟踪与性能计时 - 创始人是Twitter 上的 Ciprian
  • Lightest.app - 可视化竞争对手的网站性能。快速、简单、有效。强烈推荐

综合工具

试图给你整个厨房水槽(包括瀑布)的工具

  • PageSpeed Insights - Google 原创的 PageSpeed 测试,又名 Lighthouse,可在网页上运行 - 为您提供 FCP、FID、TTI、屏幕截图、优化机会和诊断信息。您可以使用 Chrome 的Crux API以编程方式免费运行此测试。
  • WebPageTest - 这似乎是我所知的 webperf 圈子里最受推崇的。你选择一个位置和一个浏览器。它会提供 3 次运行结果,显示瀑布图,以及一系列统计数据,并根据压缩率/TTFB、FCP、文档完成时间和完全加载时间给出字母等级。
  • GTMetrix - 同样备受好评。提供 PageSpeed 和 YSlow 推荐、瀑布图、历史图表以及(登录用户)幻灯片。

开源、自托管

  • Perfume.js
  • Falco - 开源、自托管的 WebPageTest 运行器。自动运行审核并查看关键性能指标的演变,以轻松发现回归并审核单个 URL 或整个用户旅程的性能
  • Sitespeed - 也是开源的,自托管并带有监控功能 :)

付费服务

  • PerfBeacon - 按预定间隔运行 Google Lighthouse/Pagespeed insights,并由 API 调用触发。价格计划为每月 2.5k 至 50k 次测试,并提供 14 天免费试用。
  • PageSpeedPlus - Google PageSpeed Insights 监控、Lighthouse 数据 - 实验室和现场、Web Vitals、URL 历史记录、电子邮件和 Slack 警报、竞争对手比较、完整站点扫描
  • Calibre - 从全球各地设置性能预算,接收定期报告,并在 Pull 请求中获取性能变化。价格计划为每月 5,000 到 50,000 次测试,并提供 15 天免费试用。
  • 亚马逊 Cloudwatch Synthetics
  • Simpleops.io
  • Debugbear跟踪您的生产网站和持续集成 (CI) 中的网站速度和质量。捕捉网站回归问题并与竞争对手进行对比。
  • Dareboost - 看起来很简单,但实际上幻灯片、瀑布流和推荐功能!以前是免费的,但现在有电子邮件注册墙。
  • RequestMetrics - 获取简化的性能指标和可操作的警报,提升网站运行速度 - 每月只需 10 美元。他们在 devto 上发表博客

更多正常运行时间监控:https://www.supermonitoring.com/blog/website-monitoring-tools-market-in-2020/

改进建议

这些工具有所改进,但还未达到我所说的“综合工具”的水平 - 但仍然值得注意,尤其是 Geekflare 的安全工具。

  • Geekflare - Geekflare 的 25 款工具套件,提供从网站性能审计到 TTFB、Traceroute 测试以及其他安全相关测试的所有内容。审计结果会给出不错的评分,并提供大量改进建议。
  • Pingdom 工具- 你选择一个位置,它会为你提供一些加载时间/页面大小统计信息、改进机会以及带有漂亮过滤器的瀑布图
  • Webperf.Tools 中的 RequestMap - Simon Hearnes 的请求地图生成器,专注于可视化第三方资产。只需选择一个位置和一个设备即可。
  • ReportURI 安全标头- 快速简便地检查网站是否启用了 CSP 和 HSTS 等安全标头
  • Mozilla Observatory——教导开发人员、系统管理员和安全专家如何安全地配置他们的网站。

测试库

从多个位置 ping 您的站点的工具,为您提供全局视图。

  • Sucuri 性能- 从全球 16 个地点 ping 您的网站并为您提供连接和 TTFB 时间。
  • 使用 Dotcom Tools 进行网站速度测试- ping 20 多个位置并选择一个浏览器,它会显示首次访问和重复访问的加载时间!
  • KeyCDN Perf Tools - 从全球 14 个地点 ping 您的网站并提供 DNS/连接时间
  • Latency.apex.sh - ping 两个 URL,比较 13 个位置的延迟。适用于比较有无 CDN 的网站。
  • 🌟 Lighthouse Metrics - 从多个位置 ping Lighthouse。由Chris制作
  • FastOrSlow - FastOrSlow 在全球约 12 个地点进行实际的浏览器模拟。最初构建它时,我们希望提供尽可能多的地点,包括南非等地。这意味着在某些情况下,我们需要实际的裸机服务器。因此,我们在世界各地的数据中心的裸机上构建了它。(来源
文章来源:https://dev.to/swyx/every-web-performance-test-tool-naj
PREV
如何推销自己
NEXT
React 服务器组件注释指南