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。