Core Web Vitals 与 Lighthouse：差异与比较

网页所有者希望优化用户在其网页上的关键体验。 已经引入了许多工具来优化和提高网页的质量。

任何企业主、营销人员或开发人员都可以使用这些工具来增加网站的量化和体验，并且他们可以识别改进的机会。

关键精华

1. Core Web Vitals 是 Google 用来衡量网站用户体验的一组特定指标。 同时，Lighthouse 是谷歌为开发者提供的测试其网站性能和质量的工具。
2. Core Web Vitals 衡量三个特定的以用户为中心的指标：加载速度、交互性和视觉稳定性，而 Lighthouse 衡量范围更广的指标，包括性能、可访问性和最佳实践。
3. 核心网络生命力对于网站所有者来说是必不可少的，因为它们直接影响用户体验和搜索引擎排名。 同时，Lighthouse 还是一个可以识别需要改进的地方并优化网站性能的工具。

核心网络生命力与灯塔

Core Web Vitals 和 Lighthouse 的区别在于，这两个工具都是 Google 推出的，Core Web Vitals 引入的三个指标分别是 LCP（最大内容绘制）、FID（首次输入显示）、CLS（累积布局偏移）。另一方面，Google Lighthouse 也有三个指标，其中两个指标与 Core Web Vitals 相同，分别是 LCP（最大内容绘制）、CLS（累积布局偏移）、TBT（总阻塞时间）。

Core Web Vitals 是 Google 在 2020 年 XNUMX 月份推出的。 它是 Web Vitals 的子集，适用于 Google 的所有网页。 而这些网页的网站所有者借助这个工具进行测量，然后根据测量结果，谷歌将它们分类。

Lighthouse 工具由 Google 于 19 年 2020 月 XNUMX 日推出。该工具旨在测量核心网络生命力，并提高或优化网页质量。

该工具在输入网页的 URL 后使用，然后运行一系列检查，然后对网页进行评分，并给出详细的报告。 

对比表

比较参数	核心网络生命	Lighthouse
这是什么？	它是 Web Vitals 的一个子集，适用于所有网页，由所有网站所有者衡量，并显示在 Google 上。	提高网页质量的工具
操作方法	根据真实世界的使用数据（现场数据）显示网页的性能	它会生成一系列检查，然后显示一份详细的报告，其中包含页面执行情况的分数。
介绍	MAY 2020	2020 年 5 月 19 日
衡量者	它是通过 Lighthouse 工具、Chrome UX 报告、Chrome DevTools、Search Console、PageSpeed Insights 来衡量的。	没有这样的工具。
指标	LCP（最大内容绘制）、FID（第一输入显示）、CLS（累积布局偏移）	LCP（最大内容绘制）、CLS（累积布局偏移）、TBT（总阻塞时间）

什么是核心网络生命力？

核心 Web Vitals 可以定义为 Web Vitals 的子集，应用于整个 Google 网站的网页上。 网站所有者必须测量这些网页，然后这些网页就会出现在谷歌上。

该工具于 2020 年 XNUMX 月推出，该工具根据真实世界的使用数据或现场数据来过滤网页的性能。 许多工具可以测量核心网络生命力，其中一些是 – Lighthouse 工具、Chrome UX 报告、Chrome DevTools、Search Console 和 PageSpeed Insights。

该工具当前的指标主要集中在有助于改善用户体验的三个方面：加载（LCP）、交互性（FID）和视觉加载（CLS）。 LCP（即最大内容绘制）测量网页加载性能，LCP 应在 2.5 秒内发生。

FID，即网页的首次输入显示，衡量交互性，页面的 FID 必须为 100 毫秒或更少。 CLS，即页面的累积布局偏移，衡量视觉负载，页面的 CLS 必须为 0.1 或更少。

该网页的所有指标综合率超过 75%，据说达到了正确的受众目标。

什么是灯塔？

Lighthouse 是 Google 推出的一款自动化工具，有助于提高网页质量。 它是提供给用户的免费工具。 该工具有助于深入了解提高网页质量所需的不同事项，例如整体性能、SEO 可用性、网页的可访问性、渐进式 Web 应用程序和最佳实践。

Lighthouse 工具使用待改进的网页 URL，然后对其运行一系列检查。 该工具会对网页进行评分，并生成有关页面执行情况的详细报告。 此外，与 Core Web Vitals 不同，Lighthouse 没有测量工具。

Google Lighthouse 工具也适用于这三个指标，其中两个指标与 Core Web Vitals 相同，分别是 LCP、CLS 和 TBT。 LCP（最大内容绘制）衡量网页的加载体验，得分必须为 2.5 秒或以下。

CLS（Cumulative Layout Swift）衡量网页的视觉负载，得分必须为 0.10 或更低。 TBT（总阻塞时间）衡量网页的响应能力。 它与 FID 有相关性。

Core Web Vitals 和 Lighthouse 之间的主要区别

1. Google 工具 Core Web Vitals 是一种适用于所有网页并由所有网站所有者衡量的工具，并且在整个 Google 中都出现了这种工具，而另一方面，Google Lighthouse 是一种有助于提高质量的工具网络的。
2. Core Web Vitals 工具根据真实世界的使用数据（现场数据）显示网页的性能，而相比之下，Google Lighthouse 工具首先执行一系列检查，然后提供详细的分数和报告。有关其性能的页面。
3. Google 工具 Core Web Vitals 于 2020 年 19 月推出，而 Google Lighthouse 工具于 2020 年 XNUMX 月 XNUMX 日推出。
4. Core Web Vitals 可以通过许多工具来测量，例如 Lighthouse、Chrome UX 报告、PageSpeed Insights、Search Console 和 Chrome DevTools，而另一方面，Google Lighthouse 没有这样的测量工具。
5. Core Web Vitals 具有三个指标，即 LCP（最大内容绘制）、FID（第一输入显示）和 CLS（累积布局偏移），而 Google Lighthouse 也具有三个指标，其中两个指标与 Core Web 相同至关重要的是，它们是 – LCP（最大内容绘制）、CLS（累积布局偏移）和 TBT（总阻塞时间）。

参考资料

1. https://www.itema-conference.com/wp-content/uploads/2021/04/ITEMA-2020_Conference-Proceedings_FINAL.pdf#page=25
2. https://www.mdpi.com/0718-1876/16/5/77
3. https://www.theseus.fi/bitstream/handle/10024/352102/Analyis%20of%20deploying%20a%20React%20PWA%20on%20Google%20Play%20Store%20using%20TWA_Yoseph%20Alemu_Final%20Version%20%281%29.pdf?sequence=2
4. https://staff.fnwi.uva.nl/a.s.z.belloum/MSctheses/MScthesis_Tjarco.pdf

最后更新时间：06 年 2023 月 XNUMX 日