帧率（FPS）
检查帧率、主线程长任务和掉帧，定位动态卡顿。
预览
实时预览
每秒绘制的帧数；60fps 是流畅运动的基线，新款显示器可达到 120fps。
权威词义
术语定义与近义词辨析
英文定义逐字保留自 Animation Vocabulary；中文翻译和辨析帮助你选对术语。
frame-rate帧率（FPS）
Frame rate (FPS)权威英文定义
Frames drawn per second. 60fps is the baseline for smooth motion; 120fps on newer displays.
中文翻译
每秒绘制的帧数；60fps 是流畅运动的基线，新款显示器可达到 120fps。
jank卡顿
Jank权威英文定义
Visible stutter when the browser drops frames because it can't keep up with the animation.
中文翻译
浏览器无法跟上动画并发生掉帧时出现的可见停顿。
辨析
卡顿是用户看到的运动停顿；帧率是用于衡量绘制速度的指标。
dropped-frame丢帧
Dropped frame权威英文定义
A frame the browser missed its deadline to draw, causing a tiny hitch in motion.
中文翻译
浏览器未能在截止时间前绘制的一帧，会让运动出现轻微顿挫。
辨析
丢帧是一次未赶上绘制截止时间的事件；帧率汇总一段时间内的绘制频率。
设计规范
使用这段动效前的判断
目的、频率、触发、时序、可打断性和手势规则共同决定实现。
通过帧率、长任务和掉帧定位运动卡顿，并建立可复现的性能基线。
在代表性设备、关键动效变更和发布前执行；高风险页面纳入持续监测。
由性能录制、自动基准或真实用户监测触发，覆盖冷启动和稳定状态。
指标面板即时更新，不使用会干扰测量结果的装饰入场动画。
录制可随时停止并保留样本；重复测试使用同一脚本和设备条件。
滚动、拖拽和点击测试使用一致手势轨迹，自动化与人工路径相互校验。
分别测试默认与 reduced-motion 模式，确认低动态路径也没有长任务。
检查要点
交付前检查
- 区分帧率、单次丢帧和可见卡顿。
- 在 60Hz 与高刷新率设备上记录目标。
无障碍
保持信息可达
减弱动效
分别测试默认与 reduced-motion 模式，确认低动态路径也没有长任务。