2022-09-19HTML00
请注意,本文编写于 529 天前,最后修改于 529 天前,其中某些信息可能已经过时。

23. 如何优化关键渲染路径?(浏览器渲染过程)

 为尽快完成首次渲染,我们需要最大限度减小以下三种可变因素:

 (1)关键资源的数量。
 (2)关键路径长度。
 (3)关键字节的数量。

 关键资源是可能阻止网页首次渲染的资源。这些资源越少,浏览器的工作量就越小,对 CPU 以及其他资源的占用也就越少。

 同样,关键路径长度受所有关键资源与其字节大小之间依赖关系图的影响:某些资源只能在上一资源处理完毕之后才能开始下载,
 并且资源越大,下载所需的往返次数就越多。

 最后,浏览器需要下载的关键字节越少,处理内容并让其出现在屏幕上的速度就越快。要减少字节数,我们可以减少资源数(将它
 们删除或设为非关键资源),此外还要压缩和优化各项资源,确保最大限度减小传送大小。

 优化关键渲染路径的常规步骤如下:

 (1)对关键路径进行分析和特性描述:资源数、字节数、长度。
 (2)最大限度减少关键资源的数量:删除它们,延迟它们的下载,将它们标记为异步等。
 (3)优化关键字节数以缩短下载时间(往返次数)。
 (4)优化其余关键资源的加载顺序:您需要尽早下载所有关键资产,以缩短关键路径长度。

详细资料可以参考: 《优化关键渲染路径》

本文作者:前端小毛

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!