出现在屏幕上的时间 (fmp time)"/>
First Meaningful Paint计算原理:页面的首要内容(primary content)出现在屏幕上的时间 (fmp time)
以下源码来自 skywalking-client-js
一、用MutationObserver 监控 dom变化。
根据 PerformanceNavigationTiming:
1、MutationObserver在每个document变化的阶段触发,并在每个阶段渲染的html打标签 “ fmp_c ”。
预备阶段:导航阶段,处在连接相应的过程 [fmp_c="0"]
阶段一:首字节渲染阶段,也是FCP,DOM 树的第一次有效变化 (responseStart) [fmp_c="1"]
阶段二:基本框架渲染完成 (domComple
更多推荐
First Meaningful Paint计算原理:页面的首要内容(primary content)出现在屏幕上的时间 (fmp time)
发布评论