"第一次绘画的时间"与"第一次有意义的绘画"



SO是否有Web性能部分?

假设没有(我还没有找到),那么time to first paint之间有什么区别(如果有的话)(https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/timeline-tool)和First Meaningful Paint(https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint)?

有一些有趣的绘画时间。第一个是

  • 第一次绘制:在屏幕上绘制第一个像素的时间。例如页面的背景颜色
  • 第一次内容绘制:绘制DOM中的第一个内容片段的时间,即一些文本或图像
  • 第一次有意义的绘制:浏览器绘制用户感兴趣的内容的时间。这在很大程度上取决于页面

前两项实际上可以通过Chromes计时API跟踪,并在谷歌分析中报告。

目前无法从浏览器API中测量第一个有意义的绘制(FMP)。测量FMP时的一般想法是定义英雄元素,即构成主要用户内容的元素,并测量其绘制时间。目前无法在DOM 中获取特定元素的绘制时间

Lighthouse或WebPageTest等工具通过将渲染时最大的布局变化作为主要候选来估计FMP。

最新更新