dev tools的使用
文章目录
-
- 名词解释
- 性能分析
- performance
- 内存泄漏分析
- performance数据分析
- memory数据分析
- other
dev tools相关链接
名词解释
| 缩写 | 英文全称 | 中文含义 | 说明 |
|---|---|---|---|
| FCP | First Contentful Paint | 首次内容绘制 | 页面开始显示任何内容（文字、图片等）的时间点。 |
| FP | First Paint | 首次绘制 | 浏览器首次开始绘制任何像素的时间点（比FCP更早）。 |
| LCP | Largest Contentful Paint | 最大内容绘制 | 页面主视口内最大内容元素完成渲染的时间，反映主要内容加载完成。 |
| FID | First Input Delay | 首次输入延迟 | 用户首次交互（点击、输入）到浏览器响应的延迟时间。 |
| CLS | Cumulative Layout Shift | 累积布局偏移 | 页面视觉稳定性指标，衡量页面加载过程中元素的移动造成的布局偏移。 |
| TTFB | Time To First Byte | 首字节时间 | 浏览器接收到第一个字节响应数据的时间，反映服务器响应速度。 |
| DCL | DOMContentLoaded | DOM内容加载完成事件 | DOM 解析完成，不含图片样式等资源加载完成。 |
| Load | Load Event | 页面加载完成事件 | 页面所有资源（包括图片、样式等）加载完成的时间。 |
| FPS | Frames Per Second | 每秒帧数 | 动画或滚动时每秒渲染的帧数，反映页面动画流畅度。 |
| TTI | Time To Interactive | 可交互时间 | 页面首次可交互的时间，用户可以开始正常操作。 |
| SI | Speed Index | 速度指数 | 页面内容视觉完成的速度，越小越好。 |
FCP 和 FP：FP 是更早的绘制时间，FCP 更侧重内容元素。
CLS：越低越好，理想值 < 0.1。
FID：越低越好，理想值 < 100ms。
TTFB：反映服务器响应，理想值 < 200ms。
| 缩写 | 英文全称 | 中文含义 | 说明</ |
|---|