ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

如何优化关键渲染路径?

2022-01-23 11:02:30  阅读:122  来源: 互联网

标签:字节数 渲染 路径 资源 关键 优化 下载


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

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

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

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

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

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

转载自:https://developers.google.com/web/fundamentals/performance/critical-rendering-path/optimizing-critical-rendering-path?hl=zh-cn

标签:字节数,渲染,路径,资源,关键,优化,下载
来源: https://www.cnblogs.com/XF-eng/p/15835877.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有