gpt4 book ai didi

web - “第一次绘画的时间”与 'First Meaningful Paint'

转载 作者:行者123 更新时间:2023-12-04 08:03:58 25 4
gpt4 key购买 nike

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 进行跟踪并在 Google Analytics 中报告。

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

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

    关于web - “第一次绘画的时间”与 'First Meaningful Paint',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42209419/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com