image.png
    First Paint：
    FCP：首次内容渲染时间
    SI：（看上图）
    LCP：渲染出最大文本或图片的时间
    TTL：可交互时间
    TBT：（看上图）
    CLS：（看上图）
    DCL：DOMContentLoaded Event
    L：Onload Event

    顺序

    1. First Paint：是Paint Timing API的一部分，是页面导航与浏览器将该网页的第一个像素渲染到屏幕上所用的中间时
    2. FCP：首次内容渲染时间
    3. DCL：DOMContentLoaded Event ，是HTML文档（包括CSS、JS）被加载以及解析完成之后触发（即 HTML->DOM的过程完成 ）
    4. LCP：渲染出最大文本或图片的时间
    5. onReady：DOM结构绘制完毕之后就执行，不必等到加载完毕
    6. L：Onload Event 内容渲染完毕