以用户为中心的前端性能指标
1. First Contentful Paint (FCP)
定义：页面上第一个内容（文本、图像、非白色的 元素等）被渲染的时间。
重要性：用户能够看到页面内容的时间点，有助于减少用户的等待感。
2. Largest Contentful Paint (LCP)
定义：页面上最大的内容元素（通常是图片或文本块）被渲染的时间。
重要性：反映用户看到主要内容的速度，直接影响用户的初次加载体验。
3. First Input Delay (FID)
定义：用户第一次与页面交互（点击、触摸、键入）到浏览器实际能够响应的时间。
重要性：衡量页面的响应性，影响用户的交互体验。
4. Cumulative Layout Shift (CLS)
定义：页面加载过程中视觉稳定性的一个指标，衡量页面元素在布局中的移动情况。
重要性：低 CLS 表示页面布局稳定，用户不会因为意外的布局变动而感到困惑或不便。
5. Time to Interactive (TTI)
定义：页面达到可交互状态所需的时间，即页面不仅渲染了主要内容，而且可以响应用户的输入。
重要性：衡量用户可以开始与页面互动的时间点，影响用户的整体体验。
6. Total Blocking Time (TBT)
定义：从 FCP 到 TTI 期间，主线程被阻塞超过 50ms 的总时间。
重要性：反映页面在加载过程中主线程的繁忙程度，影响用户的响应感知。
7. First Meaningful Paint (FMP)
定义：页面上主要内容被渲染的时间，类似于 LCP，但更关注于页面的核心内容。
重要性：反映用户看到页面主要内容的速度，有助于提升用户的初次加载体验。
8. Perceived Load Time (PLT)
定义：用户主观感受到的页面加载时间，通常通过用户调查或用户行为分析得出。
重要性：反映用户的真实感受，有助于评估性能优化的效果。
9. Speed Index
定义：衡量页面内容可视化加载速度的指标，考虑了页面内容随时间的加载进度。
重要性：综合评估页面的加载速度，帮助优化用户的整体加载体验。
10. User Timing API
定义：允许开发者自定义性能指标，记录特定任务的开始和结束时间。
重要性：帮助开发者跟踪和优化特定功能的性能。
11. Resource Timing API
定义：提供资源加载的详细信息，包括 DNS 查找、TCP 连接、请求和响应时间等。
重要性：帮助开发者诊断和优化资源加载性能。
12. Navigation Timing API
定义：提供页面导航和加载的详细时间信息，包括卸载前一个页面、重定向、DNS 查找、TCP 连接、请求和响应时间等。
重要性：帮助开发者全面了解页面加载的各个阶段，优化整体性能。
原文地址：https://blog.csdn.net/weixin_57837275/article/details/142495757
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！