0

我正在使用 reportwebvitals 来收集与性能相关的数据。我看到以下值：

{name: "LCP", value: 865.895, delta: 865.895, entries: Array(1), id: "v1-1619568902884-5783450530819"}
{name: "FID", value: 3.389999968931079, delta: 3.389999968931079, entries: Array(1), id: "v1-1619568902884-3190618744586"}

我知道一个好的 LCP 分数低于 2.5 秒，一个好的 FID 分数低于 100 毫秒。给定值，哪个键准确地指示了这个分数？

我试图浏览可用的文档，但无法理解如何得出这些时间结果。有人可以帮忙吗？

谢谢！

4

4 回答 4

2

您可以为您的项目安装Google Lighthouse chrome 扩展并测试性能、可访问性、最佳实践和 SEO。

它将测试您的项目并指导您如何提高包括 LCP 在内的性能。

这是参考

也可以参考这个

于 2021-04-29T01:42:51.433 回答
1

这似乎基于web-vitals.js。自述文件有更多关于如何解释输出以及何时使用deltavs的信息value。为了回答您的问题，该value字段会告诉您每个指标的分数：

LCP = 866 毫秒

FID = 3 毫秒

于 2021-04-29T00:42:37.550 回答
1

一个良好且公平的指标是通过 Google 的PageSpeed Insights 测试您的页面。这将为您提供有关移动设备和桌面设备的各种 Web Vitals 的详细概述。这是Stackoverflow 的网络生命体征的示例：

在此处输入图像描述

GPSI 的重要方面是它为您的页面的网站分配一个分数，并为您提供有关如何提高分数的很好的反馈。

于 2021-10-24T03:42:00.997 回答
0

您的 FID 和 LCP 分数是根据表现计算得出的值，表示为DOMHighResTimeStamp.
该文档包含有关如何计算、保存数据的位置以及您的问题普遍存在的更多信息的信息。

于 2021-04-29T00:59:49.577 回答