关于性能优化你是否会遇到以下的问题？

1.⼯作中对于项⽬的前端性能优化没有头绪，不知道从哪⾥下⼿（不知道影响性能有哪些⽅⾯）
2.性能优化已经的⼿段已经做了很多了，但是性能还是没有提⾼多少（不能找到主要原因对症下药）
3.前端的⻚⾯性能上线之后是没问题的，但是运⾏⼀段时间后⾸屏加载速度变慢了（其他的原因导致⻚⾯打开慢，如何甩锅）

1.第⼀步发现问题，然后通过⼯具检测公司⽹站，学完⼤课做了N多优化，再对⽐刚开始的指标，提升了哪些；
2.举⼀反三，落实到公司⾃⼰的项⽬，是拿⾼绩效和晋升的关键

指标分析：

• 性能Performance

  • Metrics：衡量的标准

  - First Contentful Paint（FCP）：从⻚⾯开始加载到⻚⾯内容的任何部分呈现在屏幕上的时间
  - Speed Index(SI)：从⻚⾯开始加载到视觉显示内容的时间
  - Largest Contentful Paint(LCP)：可⻅的最⼤图像或⽂本块的渲染时间，相对于⻚⾯⾸次开始
  加载的时间
  - Cumulative Layout Shift(CLS)：累计布局偏移值
  - Total Blocking Time (TBT)：FCP到TTI之间,主线程被阻塞的时间
  - Time To Interactive (TTI)：⻚⾯资源加载成功并能响应⽤户交互的时间
  

  • 访问无障碍（Accessibility）
    • ⽹站可达性，是指所创建的⽹站对所有⽤户都可⽤/可访问，不管⽤户是以何种⽅式访问⽹站。
  • 最佳实践（Best Practice）
    • ⽹⻚安全性，如是否开启HTTPS、⽹⻚存在的漏洞等
  • 搜索引擎优化（SEO）
    • 搜索引擎优化检测，如⽹⻚title、description、keywords是否符合搜索引擎的优化标准等