前端性能优化(六)

优化关键呈现路径

为了尽快完成首次呈现,我们需要优化下列三种变量:

  • 尽量减少关键资源数量。
  • 尽量减少关键字节数。
  • 尽量缩短关键路径的长度。

关键资源是任何可能阻止网页首次呈现的资源。网页上的关键资源越少,浏览器在屏幕上显示内容时必须完成的工作量就越少,对 CPU 和其他资源的占用也就越少。

同样,浏览器必须下载的关键字节越少,那么它处理内容并使其呈现在屏幕上的速度就越快。要减少字节数,可以减少资源数量(删除相应资源或者将其设为非关键资源);同时还可压缩和优化各个资源,以尽量降低传输量。

最终,关键路径长度是网页所需的所有关键资源与其字节大小之间的依赖图函数:有些资源只有在上一个资源处理完毕后才能开始下载,并且资源越大,下载所需的往返次数就越多。

换言之,资源数量、字节数和关键路径长度相互关联,但是并不完全相同。例如,您也许无法减少关键资源数量,或者无法缩短关键路径长度,但是减少关键字节数,仍能对优化起到重要作用;反之亦然。

优化关键呈现路径常规步骤:

  1. 分析和描述关键路径:资源数量、字节数、长度。
  2. 尽量减少关键资源数量:删除相应资源、延迟下载、标记为异步资源等等。
  3. 优化剩余关键资源的加载顺序:您需要尽早下载所有关键资源,以缩短关键路径长度。
  4. 尽量减少关键字节数,以缩短下载时间(往返次数)。
原文地址:https://www.cnblogs.com/LiJianBlog/p/4814355.html