性能度量

度量指标

加载性能

Apdex 应用性能指数

Apdex (Application Performance Index) 应用性能指数, 也被称为 满意度。是由 Apdex 联盟开放的用于评估应用性能的工业标准。标准从用户的角度出发，将对应用响应时间的表现，转为用户对于应用性能的可量化为范围为 0 - 1 的满意度评价。

Apdex 对于应用的每次响应计时, 并划定区间, 时间小于 T 的响应被认为用户是满意的, 时间介于 T 到 4T 之间的响应被认为是用户可以接受的, 而大于 4T 的响应时间被认为是让用户不可接受的。

依据每次请求的响应时间落在某个区间的次数，来计算出 Apdex 的具体值：

Apdex = (count(<T) + 0.5 * count(T-4T)) / count(all)

Apdex 最终结果是一个介于 0 到 1 之间的两位数小数, 可以用来评价用户满意度:

Web 核心指标(Web Core Vitals)

Web 指标是 Google 开创的一项新计划，旨在为网络质量信号提供统一指导，这些信号对于提供出色的网络用户体验至关重要。

Web 指标计划旨在简化场景，帮助网站专注于最重要的指标，即核心 Web 指标 。

核心 Web 指标的构成指标会随着时间的推移而发展 。当前针对 2020 年的指标构成侧重于用户体验的三个方面：

• 加载性能
• 交互性
• 视觉稳定性

对于指标（及各指标相应的阈值）：

• Largest Contentful Paint (LCP) ：最大内容绘制，测量加载性能。为了提供良好的用户体验，LCP 应在页面首次开始加载后的2.5 秒内发生。
• First Input Delay (FID) ：首次输入延迟，测量交互性。为了提供良好的用户体验，页面的 FID 应为100 毫秒或更短。
• Cumulative Layout Shift (CLS) ：累积布局偏移，测量视觉稳定性。为了提供良好的用户体验，页面的 CLS 应保持在 0.1. 或更少。

为了确保您能够在大部分用户的访问期间达成建议目标值，对于上述每项指标，一个良好的测量阈值为页面加载的第 75 个百分位数，且该阈值同时适用于移动和桌面设备。

如果一个页面满足上述全部三项指标建议目标值的第 75 个百分位数，那么评估核心 Web 指标合规性的工具应评判该页面为通过。

非核心指标：

• First Contentful Paint (FCP)
• Time to First Byte (TTFB)

运行时性能

RAIL: 以用户为核心的性能模型

推荐阅读:

• RAIL，以用户为核心的性能模型
• 前端性能优化 - 用RAIL模型分析性能

工具

web-vitals

获取 web 核心指标的 API。

import {getLCP, getFID, getCLS} from 'web-vitals';
getCLS(console.log);
getFID(console.log);
getLCP(console.log)

FrontJS

FrontJS由蒲公英（西安点测网络科技有限公司）开发而成。使用对象面向广大对网站错误监测有需求的用户和团队。提供多方面、准确、实时的代码、资源、XHR异常信息及页面性能监测报告，帮助快速追踪网站故障，及时修复问题，维护网站质量，指导改善用户体验。

FrontJS是专门为用户和团队提供网站错误监控而设立的。用户可以在FrontJS上自主创建并集成项目，通过既定的流程，来监测网站，查看实时的代码、资源、XHR异常信息及页面性能监测报告。

FrontJS目前除支持监控Web端，更支持多方面监控您的微信小程序，只需一步，快速添加监控代码。体验准确、实时的小程序脚本、资源、XHR异常信息及页面访问监测报告，找出问题所在，助力小程序运行。

腾讯云-前端性能监控 RUM

前端性能监控（Real User Monitoring，RUM）是一站式前端监控解决方案，专注于 Web、小程序等场景监控。前端性能监控聚焦用户页面性能（页面测速，接口测速，CDN 测速等）和质量（JS 错误，Ajax 错误等），并且联动腾讯云应用性能观测实现前后端一体化监控。用户只需要安装 SDK 到自己的项目中，通过简单配置化，即可实现对用户页面质量的全方位守护，真正做到低成本使用和无侵入监控。

推荐阅读: 基于RUM的前端优化理论与实践-性能篇