SpeedIndex TTFB 页面加载时间 首次渲染

RAIL测量模型

• response响应

  50ms以内完成

• animation动画

  每10ms一帧

• idle空闲

  尽可能增加空闲时间

• load加载

  5s内完成加载并可以交互

测量工具

• Chrome DevTools
• lighthouse
• WebPageTest

测量的 web标准APIs，获取实时数据

• 关键时间节点（Navigation Timing， Resource Timing）
• 网络状态（Network APIs）
• 客户端服务端协商（HTTP Client Hints）
• 网页显示状态（UI APIs）