首屏
白屏结束时间 = 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;
xxxsjan Docs