“第一次画画的时间”与“第一次有意义的画”

Question

是否存在SO的Web性能部分？

假设没有（我没有找到）那么__metaclass__（{{3}}）和time to first paint（{{3}}）之间有什么区别？ / p>

Answer 1

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

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

前两个实际上可以通过Chromes计时API进行跟踪，并在Google Analytics中进行报告。

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

像Lighthouse或WebPageTest这样的工具通过在渲染为主要候选者时采用最大的布局更改来估算FMP。