如何解决我如何了解我的 Web 应用程序是否具有良好的性能?
我在 react 中使用 reportwebvitals 来收集与性能相关的数据。我看到如下值:
{name: "LCP",value: 865.895,delta: 865.895,entries: Array(1),id: "v1-1619568902884-5783450530819"}
{name: "FID",value: 3.389999968931079,delta: 3.389999968931079,id: "v1-1619568902884-3190618744586"}
我知道好的 LCP 分数低于 2.5 秒,好的 FID 分数低于 100 毫秒。给定值哪个键正好表示这个分数?
我尝试浏览可用的文档,但无法理解如何推导出这些时间结果。有人可以帮忙吗?
谢谢!
解决方法
这似乎是基于 web-vitals.js。 README 中有更多关于如何解释输出以及何时使用 delta
与 value
的信息。要回答您的问题,value
字段会告诉您每个指标的分数:
LCP = 866 毫秒
FID = 3 毫秒
,您可以安装 Google Lighthouse chrome extension 并为您的项目测试性能、可访问性、最佳实践和 SEO。
它将测试您的项目并指导您如何提高包括 LCP 在内的性能。
也参考this
,您的 FID 和 LCP 分数是根据性能计算得出的值,表示为 DOMHighResTimeStamp
。
该文档包含有关如何计算、保存数据的位置以及您的问题中普遍存在的更多信息的信息。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。