共计 826 个字符，预计需要花费 3 分钟才能阅读完成。
运行时性能是指页面在运行时的体现，而不是加载时的体现。
本文探讨如何应用 Chrome DevTools 性能面板剖析运行时性能。就 RAIL 模型而言，这个工具对于剖析页面的 Response、Animation 和 Idle 阶段十分有用。
什么是 Web 利用中的 RAIL 模型？
RAIL 是一种用于掂量 Web 应用程序性能的模型，它的名字代表了其四个外围组成部分：响应 (Response)、动画(Animation)、闲暇(Idle) 和负载(Load)。RAIL 模型帮忙开发人员将应用程序的性能拆分成这四个局部，并提供了一些指导方针来改良每个局部的性能，从而进步整体应用程序的响应速度和用户体验。
具体来说，RAIL 模型包含以下四个局部：
- 响应(Response)：指应用程序对用户输出的疾速响应能力，包含在 100 毫秒之内响应用户的操作、按需加载资源等。
- 动画(Animation)：指应用程序提供晦涩的动画成果，包含使动画在 60 帧 / 秒的帧率下运行、应用 requestAnimationFrame() API 等。
- 闲暇(Idle)：指应用程序在不占用主线程的状况下执行后台任务，包含应用 requestIdleCallback() API、正当地利用 Service Workers 等。
- 负载(Load)：指应用程序在加载和解决资源方面的性能体现，包含应用 HTTP/2 协定、应用古代浏览器缓存等。
RAIL 模型旨在帮忙开发人员将应用程序性能拆分成不同的局部，并提供一些指导方针来改良每个局部的性能，从而进步整体应用程序的响应速度和用户体验。
在应用 Chrome 开发者工具 performance 面板时，请确保在 Incognito Mode 下开启利用。
隐身模式确保 Chrome 在洁净的状态下运行。例如，如果您装置了很多扩大，这些扩大可能会在您的性能测量中产生乐音。
挪动设施的 CPU 能力远低于台式机和笔记本电脑。每当开发人员剖析一个页面时，能够应用 CPU 节流 (throttle) 来模仿页面在挪动设施上的体现。
正文完