【性能监控】FCP(⾸次内容绘制时间)
含义
FCP (First Contentful Paint) 为⾸次有内容渲染的时间点,在性能统计指标中,从⽤户开始访问 Web 页⾯的时间点到 FCP 的时间点这段时间可以被视为⽆内容时间,⼀般 FCP >= FP。
标记的是浏览器渲染第⼀桢内容 DOM 的时间点,该内容可能是⽂本、图像、SVG 或者 <canvas> 等元素
计算
setTimeout(() => {
var fcp = EntriesByType('paint').filter((item) => {
return item.name === 'first-contentful-paint'
})[0].Fixed(2)
console.log(fcp, 'fcp')
svg canvas}, 2000)
同理:SPA 也不是很适⽤
在页⾯不太复杂的情况下 fp === fcp
如果页⾯复杂 fp < fcp

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。