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测量库