Web 如何测量第一道漆(FP)?

Web 如何测量第一道漆(FP)?,web,google-chrome-devtools,pagespeed,lighthouse,pagespeed-insights,Web,Google Chrome Devtools,Pagespeed,Lighthouse,Pagespeed Insights,PageSpeed Insights和Lighthouse能够测量第一个有意义的油漆(FCP)、第一个有意义的油漆(FMP)和其他指标,但我如何测量第一个油漆(FP)?您可以使用与Chrome DevTools->Performance中最大有意义油漆(LCP)相同的方法测量第一个油漆(FB) 您可以在Chrome开发工具中查看更多信息 您可以通过以下两种性能API方法测量第一道漆(FP) 使用getEntriesByType-下面的代码段: const{name,startTime}=perf

PageSpeed Insights和Lighthouse能够测量第一个有意义的油漆(FCP)、第一个有意义的油漆(FMP)和其他指标,但我如何测量第一个油漆(FP)?

您可以使用与Chrome DevTools->Performance中最大有意义油漆(LCP)相同的方法测量第一个油漆(FB)

您可以在Chrome开发工具中查看更多信息


您可以通过以下两种性能API方法测量第一道漆(FP)

  • 使用
    getEntriesByType
    -下面的代码段:

    const{name,startTime}=performance.getEntriesByType('paint')[0]
    log(
    metricname:${Name},StartTime:${StartTime}

  • 使用
    getEntriesByName
    -下面的代码段:

    const{name,startTime}=performance.getEntriesByName('first-paint')[0]
    log(
    metricname:${Name},StartTime:${StartTime}


  • performance.getEntriesByType('paint')?它也显示在性能面板中。不知道你所说的“FB”是指什么?我所理解的第一幅画是FP而不是FB。@你是对的,它是FP而不是FB。