【性能监控】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小时内删除。