Lighthouse中LCP和FCP重量差异的原因是什么

问题描述 投票:0回答:1

我最近在思考用于产生最终灯塔得分的权重。 如果您跳到 https://googlechrome.github.io/lighthouse/scorecal 您可以看到这些是

  • 0.1:FCP、SI、TTI
  • 0.15:CLS
  • 0.25:LCP
  • 0.3:待定

根据我的观察,FCP 和 LCP 通常是相同的。我努力为 LCP 赋予更多价值的启发式方法寻找坚实的基础。但是,我假设这些权重来自 HTTP Archive,正如其文档中所建议的那样。但在 https://httparchive.org/reports/loading-speed 上我什至没有看到 LCP 被提及。那么它的数据来自哪里,然后驱动权重或制定启发式。

lighthouse
1个回答
0
投票

在 Lighthouse 中,LCP(最大内容绘制)和 FCP(第一内容绘制)是衡量网页加载时间性能的关键指标,但它们反映了用户加载体验的不同阶段,并且由于影响感知而具有不同的权重以不同的方式减少加载时间。

首次内容绘制(FCP): 测量内容:FCP 测量从用户开始加载页面到第一个内容呈现在屏幕上的时间。它可以是文本、图像、SVG 元素或画布。 重要性:FCP 是一个初始指标,向用户发出正在发生某事的信号。页面不再看起来是空白的,因此用户会感觉到加载过程正在进行中。但是,这并不表明主要内容是可见的。 与 LCP 相比权重较低:FCP 的权重低于 LCP,因为它仅显示进度的第一个视觉标志,但并不意味着最重要的内容已加载。页面可能具有快速 FCP,但如果主要内容需要更长的加载时间,则仍然会提供较差的用户体验。

最大的内容油漆(LCP): 测量内容:LCP 测量加载视口中可见的最大(通常是最相关的)内容所需的时间。这可以包括图像、视频或重要的文本块。 重要性:LCP 被认为对用户体验更为重要,因为它衡量页面主要内容何时变得可见。良好的 LCP 会让页面感觉已完全加载,因为用户可以开始与主要内容进行交互。 权重更高:LCP 具有更大的相关性,因为它直接影响感知的可用性。如果主要内容需要很长时间才能加载,即使 FCP 很快,用户也会感觉页面很慢。 LCP 专注于对用户最重要的事情:看到最重要的内容。

LCP 和 FCP 的重量差异: LCP 的权重更大,因为它对用户对页面加载速度的感知影响更大。 LCP 会测量最重要的元素何时可见,从而提供更令人满意的加载体验。 FCP 虽然对于发出加载过程开始的信号很重要,但并不提供页面最相关部分何时加载的指示。因此,它对页面整体感知性能的影响较小。 因此,Lighthouse 更优先考虑 LCP,以支持快速加载主要内容的页面,从而改善用户体验。

© www.soinside.com 2019 - 2024. All rights reserved.