性能指标
1.Ghrome RAIL性能模型 （response animation ldle load)
2.Ghrome 基于用户体验的性能指标
-
fcp first contentful paint(首次内容绘制）0-2（75-100） 2-4 （50-74）
-
lcp largest contentful paint （最长内容绘制）
-
FID 首次交互延迟 first input delay 从用户第一次与页面交互（例如单击链接，点击按钮）到浏览器实际能够响应交互的时间 100ms内
-
TTI time to reactive .表示网页第一次 完全达到可交互状态 的时间点，浏览器已经可以持续性的响应用户的输入。完全达到可交互状态的时间点是在最后一个长任务（Long Task）完成的时间, 并且在随后的 5 秒内网络和主线程是空闲的。task longer than 50ms
-
TBT total block time总阻塞时间 ,度量了fcp 和 ttl之间的总时间
-
cls Cumulative Layout Shift 页面布局偏移
-
Speed Index 速度指数
3.Web vital 一个良好网站的基本指标(精简版的性能指标）
core web vitals
-
Lcp （最大内容绘制时间）
-
Fid
-
Cls (视觉稳定性）
二：性能测量：
1.灯塔 测试性能
2. WebPagetest
3.pagespeed
WebPageTest和 PageSpeed 是vue3官网推荐的 用于生产部署的负载性能分析 工具。
4.浏览器Devtools调试工具
浏览器任务管理器 （点击浏览器右侧3个点 - > 更多工具 - > 任务管理器）
network网络分析 （大小，时间 ，时间线->ttfp 等待时间 ，网络加载状态，禁用缓存）
perfomance
fps显示每秒帧数计量器 (在浏览器中使用ctrl+shift+p调起面板可搜索)
4.网络监控分析
5.性能监控分析
6.网站整体质量评估
7.多测试地点
8.全面的性能报告。
灯塔
ctr+shift+p 搜索fps
三 性能优化
前端页面生命周期（浏览器模型是多进程的）
