你是否有过以下一些经历？
面试中
说一下做过哪些性能优化？
从输入url到看到页面内容经历了哪些过程？
什么是web性能？
简单来说就是网站是不是够快，包括常见的一些场景的交互，网页的白屏时间，多久可进行界面的交互事件，提交表单，编辑等交互操作是否流畅，列表加载，切换页面，动画效果，上传（下载）文件， 用户登录等等，这里不一一列举。
性能指标
怎样评定网站的性能好坏？有一些什么评定标准？
大家可以去参考，以用户体验为中心的性能指标：https://web.dev/metrics/
通常采用以下衡量指标
- TTFB：第一字节时间
- FCP：首次内容绘制
- LCP：最大内容绘制
- FID：首次输入延迟
- TTI：可交互时间
- TBT：总阻塞时间
- CLS：累积布局偏移
一般来说，FCP，LCP，TBT这三项指标能达到优秀，性能不会差
性能测试工具
通常需要使用工具对网站性能进行测量，以确定优化的方向在何处，生成报告分析，根据分析结果进行优化
1.浏览器ＤevTools分析性能
Memory：内存，检测内存泄漏情况
Performance：使用该面板主要对网站应用的运行时性能表现进行检测与分析，其内容包括页面每秒帧数，cpu的消耗情况和请求的时间花费
2.lightHouse（谷歌扩展插件）
（1）下载lightHouse扩展插件，下载完成后可以在检查tab看到lightHouse选项
（2）默认是选中Mobile，切换到Desktop设备，点击analyze page load按钮开始分析
（3）得到分析结果分析报告，及建议，对项目进行优化，报告如下图，经过分析FCP优秀，总阻塞时间、可交互时间相对较差，可从以下建议优化
减少无用的css
压缩js体积
压缩图片体积
给img标签设置设置width,height, 减少布局偏移
3.Web Vitals（谷歌扩展插件）
标签：分析,web,插件,性能,测试工具,交互 From： https://www.cnblogs.com/chiyuluo/p/16927785.html