SpeedVitals 是一款免费的 Web 性能测量工具，它使用 Lighthouse 来测量实验室数据，并使用 Chrome 的用户体验 API (CrUX) 来测量现场数据。
插件特色
1) Web Vitals：测量所有 Web Vitals，例如 First Contentful Paint (FCP)、Largest Contentful Paint (LCP)、Cumulative Layout Shift (CLS)、First Contentful Paint (FCP)、Time to Interactive (TTI) 和 Speed Index （SI）。我们还测量了一些其他指标，例如服务器响应时间 (TTFB) 和网页大小。
2) TTFB 测试：从全球 25 个位置测量 TTFB（首字节时间）
3) 多设备测试：在 10 多个具有不同外形尺寸的设备上测量您网站的性能
4) 多地点测试：在全球 10 多个地点运行 Core Web Vitals 测试，包括美国、英国、印度、日本、澳大利亚、德国、巴西、韩国等。
5) 现场数据：使用 Chrome 的用户体验 API 查看任何网页的真实世界核心网络生命数据。
6) Resource Graphs：Resource Graphs 给出了网页资源分布的可视化表示。
7) 瀑布图：瀑布图通过阻塞时间、DNS 查找时间、TCP 连接时间以及 HTTP 请求/响应标头信息等指标提供负载时间的可视化。
8) Layout Shift Visualizer：Layout Shift Visualizer 呈现累积布局偏移 (CLS) 的 GIF，并帮助诊断偏移背后的原因
9) 代码覆盖率：代码覆盖率有助于识别具有未使用代码段的资源（CSS/JavaScript）
10) SpeedVitals Pro Tips：SpeedVitals Pro Tips 是一个高级精选的因素列表，可以显着加快网页速度。它还包括针对 WordPress 等 CMS 的高级平台特定提示
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装
5、安装好后即可使用
扫码关注公众号，发【识别码】获取
