使用 DebugBear 监控 Lighthouse 得分和核心 Web 指标

DebugBear 只需几秒钟即可开始使用。你只需将其指向要监控的 URL，它就会开始监控。你无需安装任何东西。

它会开始运行测试，你将立即获得可以开始查看的性能图表，**这些图表会随着时间推移而跟踪**，而不仅仅是一次性的。

我在那里获得了完整的 Lighthouse 报告，向我展示了我真正需要改进的内容。

由于所有这些更改都随时间推移而跟踪，因此你可以准确地看到更改了什么以及何时更改。**这非常重要。**你的 JavaScript 包大小是否增加了？何时？为什么？你的 SEO 得分是否下降了？何时？为什么？

另一件很棒的事情：当你的指标出现下降时，DebugBear 会向你发送电子邮件（或发送 Slack 消息）。因此，即使图表很棒，你也不必每次都登录以查看发生了什么。你还可以设置非常明确的性能预算进行测试。

突破性能预算？你会收到通知。

想要比较网站的不同区域/页面？(顺便说一句，你可以在测试之前登录到它们。)或者与竞争对手进行比较以确保自己没有落后？没问题，也可以监控它们。

测试生产环境是一件非常好的事情。它是在衡量实际情况，你可以快速上手。但它也可以是一件非常好的事情，可以在问题出现之前就衡量问题。你知道如何在 Netlify 和 Vercel 等服务上获取部署预览吗？好吧，DebugBear 专门为 Netlify 和 Vercel 等服务构建了集成。Netlify 和 Vercel.

现在，当你有一个带有部署预览的 Pull Request 时，你可以在**GitHub 上**直接查看指标是否一致。

这对这么少的工作来说，价值太大了。但不要被简单性所迷惑——你可以做各种高级的事情。你可以预热缓存。你可以从不同的地理位置进行测试。你可以为需要输入 CSS 选择器和值的登录编写脚本。你甚至可以使其执行你自己的 JavaScript 来执行特殊操作以使其准备好进行测试，例如打开模态框、注入peformance.mark指标或执行其他导航操作。🎉