Skip to content
On this page

首屏

白屏结束时间 = FP事件触发时间

首屏结束时间 = FCP事件触发时间

FP(First Paint)表示渲染出第一个像素点的时间。FP一般在HTML解析完成或者解析一部分时候触发。

FCP(First Contentful Paint)表示渲染出第一个内容的时间,这里的“内容”可以是文本、图片、canvas。

Onload Event,它代表页面中依赖的所有资源:DOM、图片、CSS、Flash等都加载完。

https://www.lingtiku.com/quiz/detail/12

json
// FP
const fp = performance.getEntries('paint').filter(entry => entry.name == 'first-paint')[0].startTime;


// FCP
const fcp = performance.getEntries('paint').filter(entry => entry.name == 'first-contentful-paint')[0].startTime;


// Onload Event
const l = performance.timing.loadEventEnd - performance.timing.navigationStart;

粤ICP备2024285819号