fp是指网页首次渲染,fcp是指网页首次有内容的渲染。两者可以通过window.performance.getEntriesByType("paint")获取详细信息,一般情况两者时间相等

前端性能指标_加载

fmp页面主要内容绘制到屏幕的时间

fsp页面从开始加载到首屏内容全部绘制完成的时间,用户可以看到首屏的全部内容

fci页面第一次可以响应用户输入的时间

fps每秒可以重新绘制的帧数

tti用户第一次可以持续与页面进行交互的时间

除此之外还可以通过window.performance.getEntiresByType("navigation")获取从请求页面到页面加载完成时的时间

window.performance.getEntiresByType("resource")获取请求静态资源的时间