Web前端性能优化
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.3 性能评估模型

前面章节我们在从用户使用的角度介绍了网站的低性能表现所带来的负面影响时,隐含了一个倾向性的问题:进行性能优化的目的,是否要让网站在任何特定的设备上都能快速而流畅运行呢?从理论角度来讲,答案是肯定的,但本书所探讨的性能优化,立足点是工程实践,这就要求我们不得不去考虑工程实施难度、方案可行性分析及开发资源的投入产出比等实操性问题。

对此我们先来约定一个原则,以用户为中心,然后根据该原则引出指导后文涉及的各种优化策略,所参照的性能模型为RAIL性能模型,如图1.1所示。这个名字的由来是四个英文单词的首字母:响应(Response)、动画(Animation)、空闲(Idle)、加载(Load),这四个单词代表与网站或应用的生命周期相关的四个方面,这些方面会以不同的方式影响整个网站的性能。

img

图1.1 RAIL性能模型

我们将用户作为之后性能优化的中心,首先需要了解用户对于延迟的反应。用户感知延迟的时间窗口,如表1.1所示。

表1.1 用户感知延迟的时间窗口

img