First Meaningful Paint计算原理:页面的首要内容(primary content)出现在屏幕上的时间 (fmp time)

编程入门 行业动态 更新时间:2024-10-09 15:21:41

First Meaningful Paint计算原理:页面的首要内容(primary content)<a href=https://www.elefans.com/category/jswz/34/1770831.html style=出现在屏幕上的时间 (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)

本文发布于:2024-03-06 16:46:56,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1715834.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:出现在   首要   原理   页面   时间

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!