性能和调优

Web 性能工作组开发了一些规范，它们向 Web 应用提供计时 API，用于分析各任务耗费的时间。

高解析度时间将单调的亚毫秒级解析度时钟 API 提供给Web应用，以便 Web 应用可以精确地测量两个事件之间的时间间隔。性能时间线定义了一个统一的界面来存储和检索性能指标数据。单独的性能指标接口在 Timing Entry Names Registry 中列出并在不同的规范中定义：

• 导航计时提供导航和元素相关的计时信息；
• 资源计时提供文档中资源的计时信息；
• 用户计时帮助应用程序使用高解析度时间戳测量性能。

用于确定是否正在显示网页的页面可见性API也可用于使资源的使用适应 Web 应用的需要，例如通过在页面最小化时减少网络活动。

后台任务协同调度规范定义了 requestIdleCallback 方法，该方法允许在应用未处理其他操作的下一个机会中调度操作。

WebAssembly 是一种低级别的字节码格式，它在网络浏览器中可以以接近本机的速度运行，并支持从C/C++和其他语言进行编译。它还定义了一个试图最大限度地提高性能的执行环境，并与 JavaScript 和 Web 进行良性合作，确保各种实现的安全性和行为一致性。

CSS 的 contain 属性可以指示某个元素的子树独立于页面的其余部分。这让用户代理能够进行大量优化，尤其是跳过屏幕外已知不会影响屏幕上内容呈现的部分。

基于脚本的动画时间控制 API 可以帮助减少播放动画时的资源使用量。

平滑的滚动性能对于 Web 上出色的用户体验至关重要，尤其是在触屏设备上。通过事件监听器的 passive 选项，开发人员可以预先声明事件监听器不会在事件上调用preventDefault()，从而允许浏览器在执行与事件相关的默认操作之前不同步等待。在触摸和滚轮事件中，这能够保证滚动的平滑性。注意：默认情况下，某些浏览器会自动在 touchstart 和 touchmove 上设置 passive 标志。

除了优化资源之外，应用程序的感知反应性也是移动用户体验的一个关键方面。通过 Web Workers 实现的类似于线程的机制允许通过将最耗费资源的操作卸载到后台进程来保持用户界面的响应。

WebDriver规范定义了一个远程控制接口，可以实现外部对用户代理的控制，通常可用于跨多个浏览器（包括移动浏览器）的自动化测试。

移动 Web 应用最佳实践提供有关如何构建可在移动设备上良好运行的 Web 应用的通用建议，并特别考虑优化的需求。