web性能指标概念

发布: 2022-05-30 12:59:15标签: 前端开发

web性能指标

  • First Contentful Paint (FCP)：首次内容绘制
  • Largest Contentful Paint (LCP)：最大内容绘制
  • First Input Delay (FID)：首次输入延迟
  • Time to Interactive (TTI)：可交互时间
  • Total Blocking Time (TBT)：总阻塞时间（TTI - FCP）
  • Cumulative Layout Shift (CLS)：累积布局偏移

相关网站

  • Lighthouse: Lighthouse，Chrome 扩展程序运行，或作为命令行工具
  • web.dev: 在线测试，但是国内网页相对DevTool有差别
  • web-vitals: 约1KB javascript测量库