前端性能测试页面首屏加载时长现在都用什么指标呢

2022-12-21 13:58:23 +08:00
 lifesimple
web 单页应用 vue 或者 react ,感觉通过 performance.timing 计算时间差(就是 network tab 下面那个 load 时长),感觉不准吧,基本都是几百 ms 。感觉因为 spa 应用本身 dom 元素少所以这个 load 时长应该有问题。

chrome devtool- lighthouse performance 分析,大概有 LCP FCP TTI 等一些指标,个人感觉 LCP 时间较为准确。




之前这方面接触的不多,麻烦请教下应该怎么更加准确的去测量首屏加载时长,谢谢。
855 次点击
所在节点    问与答
3 条回复
lifesimple
2022-12-21 14:02:35 +08:00
stevezhang
2022-12-21 14:42:54 +08:00
你看下这个网站就可以 https://web.dev/vitals/
很多科普或者文章都写的一知半解 不如直接看官方文档
Rache1
2022-12-21 16:48:27 +08:00
仅仅是首屏渲染时间的话,LCP 就差不多。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/903916

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX