性能优化-使用 RAIL 模型评估性能

Posted 2020-10-23 等风来

RAIL 是一种以用户为中心的性能模型。每个网络应用均具有与其生命周期有关的四个不同方面，且这些方面以不同的方式影响着性能：

 

TL;DR

• 以用户为中心；最终目标不是让您的网站在任何特定设备上都能运行很快，而是使用户满意。
• 立即响应用户；在 100 毫秒以内确认用户输入。
• 设置动画或滚动时，在 10 毫秒以内生成帧(一帧只有10ms来完成渲染工作，javascript的执行应该为3-4ms，之后其他工作，例如样式计算，图层管理，渲染层合并)。
• 最大程度增加主线程的空闲时间。
• 持续吸引用户；在 1000 毫秒以内呈现交互内容。

关键 RAIL 指标汇总

要根据 RAIL 指标评估您的网站，请使用 Chrome DevTools perfermance记录用户操作。然后根据这些关键 RAIL 指标检查 Timeline 中的记录时间。

 

参考：https://developers.google.com/web/fundamentals/performance/rail