web 性能的哪个指标对 SPA 平台更有效？

Question

我有一个计划来衡量我们平台（SPA）的性能并每天跟踪一个指标结果。

我可以衡量两个指标。

• domcontentloaded
• 加载

哪一个对SPA平台更有效？

// 注释（我已经知道有很多 metric(FP, LCP, ....) 但这次我只想在 domcontentloaded 或 load 中取一个 metric。）

Answer 1

TL;DR：选择一个现代指标。 DCL 和负载对于页面加载性能来说是无效的测量。

DOM Content Loaded 和普通加载事件通常都被视为页面加载性能过时的不良信号。 两者之间存在一些技术差异（DCL 在浏览器完成解析 DOM 时发生（基本上是最后一步），并且在解析完成后发生加载）。

使用更现代的标准将提供更好的信号 WRT 您的页面加载方式。 您提到了最大内容绘制，这可能是一个不错的选择，因为 LCP 往往与人们认为网站“准备就绪”的时间相关。 总阻塞时间也可能对 SPA 有所帮助，因为它衡量了 FCP 和 TTI 之间站点无法处理用户输入的时间量。