提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调教，例如 Virtualized List 透过控制渲染的 DOM 元素数量来保持页面的流畅性，又或者是页面的 Repaint、Reflow、 Composite 等渲染流程所花费的时间，不过这些 runtime 指标又该如何 debug 呢？什麽样的状况又代表者页面的效能可能出现了一些瓶颈呢？在现今网页中动画佔了十分重要的部分，那动画的性能又该怎麽观测呢？