运行时性能是指页面在运行时的行为方式，而不是在加载时的行为方式。本文探讨了如何使用ChromeDevTools性能面板分析运行时性能。就RAIL模型而言，该工具对于分析页面的Response、Animation和Idle阶段非常有用。Web应用程序中的RAIL模型是什么？RAIL是衡量网络应用性能的模型，它的名字代表了它的四个核心组成部分：响应（Response）、动画（Animation）、空闲（Idle）和负载（Load）。RAIL模型帮助开发人员将应用程序的性能拆分为这四个部分，并提供一些指导方针来提高每个部分的性能，从而提高整体应用程序的响应能力和用户体验。具体来说，RAIL模型包括以下四个部分：响应：指应用程序对用户输入的快速响应能力，包括100毫秒内响应用户操作、按需加载资源等。动画：指应用提供流畅的动画效果，包括让动画以每秒60帧的帧率运行，使用requestAnimationFrame()API等。空闲（Idle）：指应用执行后台任务，不占用主线程，包括使用requestIdleCallback()API，合理使用ServiceWorkers等。负载：指应用程序在加载和处理资源方面的性能，包括使用HTTP/2协议、使用现代浏览器缓存等。RAIL模型旨在帮助开发人员将应用程序性能拆分成不同的部分，并提供一些指导方针以提高每个部分的性能，从而提高整体应用程序的响应能力和用户体验。使用Chrome开发者工具性能面板时，请确保在隐身模式下启用该应用。隐身模式让Chrome以干净的状态运行。例如，如果您安装了很多扩展，这些扩展可能会在您的性能测量中引入噪音。移动设备的CPU能力远低于台式机和笔记本电脑。每当开发人员分析页面时，CPU节流可用于模拟页面在移动设备上的行为方式。
