微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

了解灯塔 LCP/FCP 时间指标

如何解决了解灯塔 LCP/FCP 时间指标

我有一个简单的页面示例,其中包含一个图像,并在 2 秒内淡入:
https://nextjs-playground-mu.vercel.app/lcp-test2
当我使用 lighthouse 从 pagespeed 洞察 (https://developers.google.com/speed/pagespeed/insights/?hl=ru&url=https%3A%2F%2Fnextjs-playground-mu.vercel.app%2Flcp-test2) 或 devtools 选项卡在移动设备上检查此页面的分数时 - 我看到平均 FCP/LCP = ~2.2s,但是当我深入“查看原始轨迹”我看到 FCP\LCP 时间戳要高得多 = ~4.4s 并且当图像不透明度变为 1 时,FCP 和 LCP 时间戳会触发,这对我来说很有意义。 所以我不明白为什么灯塔测量 FCP\LCP 指标的速度比它真的可能发生的要快。

附言我还发现了这个问题:LCP time between LightHouse and Performance - Google Chrome 但我的情况似乎与那里发生的情况相反

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。