性能和调优

帧计时 API 旨在提供应用在用户设备上运行时获得的每秒帧数的详细信息。

事件计时 API使开发者能够衡量用户交互触发的某些事件的延迟。

元素计时 API 支持监视屏幕上显示大图片或开发者指定的图像元素和文本节点何时显示。

排版不稳定性 API 基于页面上降低用户体验的 HTML 元素的移动让 Web 开发者深入了解其网页的稳定性。

performance.measureMemory API 提案可以估计网页的内存使用情况，并按类型（JavaScript、DOM、特定对象等）和所有者（URL）进行细分，以便 Web 开发者可以对其应用的内存使用情况进行统计分析，发现内存泄漏，并衡量应用功能对内存的影响。

优先级提示规范允许开发人员通知用户代理需要下载的每个资源的优先级，与现有的浏览器加载机制（如preload）互补。

Web 应用本质上是动态的，需要大量的 DOM 操作以呈现丰富的内容，而 DOM 的更新可能导致 jank（页面重绘时的明显延迟），因为渲染时用户交互和 requestAnimationFrame 造成的更新是同步。显示锁提议引入了一个新概念，使开发人员能锁定 DOM 元素及其子树，从而在 DOM 更新时阻止重绘。然后，开发者将能够以异步方式解锁元素，触发修改后子树的重绘，而不会导致页面的其余部分出现 jank。

类似地，一个添加 requestPostAnimationFrame 的早期提案提供了一个应用在渲染最后一帧之后的最早时间的钩子，从而使应用为下一次渲染更新做准备。该提案对于确保页面布局干净的时候运行代码也很有用，比如可以避免通过代码修改 CSS 属性然后查询元素的大小或位置时的同步布局。

Web 应用对 JavaScript 在客户端上的执行时间知道的的有限，而如果没有有效收集堆栈样本的能力，应用将被迫使用不精确的分析钩子来检测代码，并可能会显著减慢代码执行速度。JS Self-Profiling API 提议描述了一个用于操作抽样性能分析器的API，该分析器允许应用收集丰富的执行数据，以便以最小的开销收集和分析真实的最终用户环境。

需要运行长任务的应用（例如在加载页面时）需要在快速加载页面（或减少任务执行时间）与快速响应输入之间进行权衡。输入事件的早期检测规范提出了 isInputPending 方法，长时间运行的脚本可以同步调用，而不会浪费时间在其他脚本和事件处理上，以检测是否有未处理的输入事件，这些事件的执行可能会延迟触发。

需要运行长任务的应用可能还希望在事件循环之后重新获得控制，并且在其他相同或优先级较低的任务之前运行，scheduler.yield() 函数可以解决该问题。

一般而言，应用在计划任务优先级时几乎没有控制权。scheduler.postTask() 提案将创建一个统一的 API 来安排任务的优先级。

Web 平台孵化器社区组正在探索添加一个新的 <virtual-scroller> 元素，以避免使用纯 JavaScript 实现无限滚动。浏览器将优先渲染在视口（viewport）中的元素，而不是其他元素。这样能够提高性能，同时仍允许诸如查找、无障碍、导航焦点、片段 URL 导航等特性开箱即用。