Core Web Vitals 是三个衡量用户加载网页时体验的指标。这些指标侧重于页面内容加载的速度、加载网页的浏览器对用户输入的响应速度以及内容加载时的稳定性。这些指标与移动友好性、安全浏览、HTTPS 和侵入性插页式广告一起评分并捆绑到谷歌称之为“页面体验信号”的东西中。

本质上，Core Web Vitals 在确定网页在搜索引擎结果页面中的排名方面发挥着重要作用 - 未能改进这些 Vitals 的 Web 构建工具可能会过时。

衡量 Core Web Vitals 的工具分为两大类：现场工具和实验室工具。现场工具提供真实世界的数据，这种测量通常称为真实用户监控。另一方面，实验室工具提供有关用户如何体验网站的数据。这些工具本质上是开发人员使用的调试工具。

实验室测试工具：灯塔

Lighthouse是 Chrome DevTool 中提供的一项功能，有助于识别影响网站性能、可访问性和用户体验的问题。Lighthouse 的速度和视觉稳定性可以通过累积布局偏移 (CLS) 和最大内容绘制 (LCP) 来衡量。

Lighthouse 可以在 Chrome DevTools 中、从命令行或作为 Node 模块运行。用户只需要向 Lighthouse 提供审计 URL。它在提供的网站上执行一系列审核，然后根据页面性能生成报告。直观的颜色编码系统有助于传达报告分数的含义：绿色是好的，而橙色和红色是问题区域。

从本质上讲，该工具允许用户在四个方面审核和评估网站：性能、可访问性、最佳实践和 SEO。Lighthouse 衡量各种实验室用户体验指标，并将提供具体的改进建议。

Chrome 开发者工具

使用与 Lighthouse 相似的配色方案，DevTools 性能分析清楚地显示了所有 Core Web Vitals。单击它可以查看测量的其他详细信息，TBT(总阻塞时间)显示在左下角。值得注意的是，这些实验室测试工具可能不是 100% 准确的，因为没有真正的用户参与。

打开 DevTools 只需在 Chrome 打开时单击鼠标右键。将打开一个选项卡，用户在该选项卡上选择“检查”选项。或者，可以使用键盘快捷键 (Ctrl+Shift+i)。Chrome DevTools Performance 面板允许用户分析一些 Core Web Vitals 指标。

现场测试工具：PageSpeed Insights (PSI)

作为领先的现场测试工具，PageSpeed Insights可以生成有关网络和移动设备使用情况的报告，并提供改进关注领域的建议。在网页上运行 PageSpeed Insights 非常简单，只需要用户输入他们想要分析的网页 URL。结果可在几秒钟内获得。

PSI 包括总结页面性能的分数。建议90分以上通过绩效考核。这个工具很有用，因为它会表明您的网站是否通过了 Core Web Vitals 评估，并表明页面是否达到了优秀用户体验的门槛。要通过 Web Vitals 评估，所有 3 个 Core Web Vitals 都需要达到 75 分及以上。

PageSpeed Compare 是另一个使用 PSI 的有用工具，但它允许用户比较页面的性能指标，包括竞争对手。

Web Vitals 扩展

桌面版Chrome Web Vitals 扩展程序是另一个有用的工具，可以实时衡量 Core Web Vitals 指标。此工具可用于在开发周期稍早的时候发现问题。桌面版是另一种实时衡量 Core Web Vitals 指标的工具。这对于在您的开发周期中稍早发现问题非常有用，并且可以作为诊断工具在浏览网页时分析 Core Web Vitals 的性能。需要下载，但此后用户必须导航到所需页面，通过单击扩展程序来衡量 Core Web Vitals。这是一个实验室和现场工具，但扩展程序只会注释关于最大内容绘制和累积布局转换的数据，这毫无价值。

在结束

网站对于创建成功的企业至关重要，但是许多潜在的企业主不确定或无法将钱花在专业的网络开发人员或代理机构上。幸运的是，商业网站建设者可以帮助潜在的企业主，而且大多数不需要任何开发或编码知识即可使用。StartupSavant 的专家提供了一份方便的指南：他们评估了最佳的网站构建器选项，例如 GoDaddy、Weebly 和 Jimdo。您应该正确且批判性地评估网站建设者，因为这确实是一个长期的决定。