关于浏览器:从前端角度看浏览器加载资源的渲染过程

38次阅读

共计 452 个字符,预计需要花费 2 分钟才能阅读完成。

欲知 渲染过程,先看浏览器的组成。

如有不对,欢送斧正。我也是查看很多材料,加上集体了解得出的,没找到官网正式文档,固不保障正确,欢送大家指出谬误。。

从前的我认为是这样的

从前的我认为,浏览的的组成,是这样的。

但总感觉 逻辑有点不分明。js 引擎,怎么就是浏览器引擎了?

网络 和用户界面,和 js 引擎 怎么就同一个级别了?

js 引擎和 js 解释器是什么关系??

3 个引擎之间的关系是什么??

改良之后的浏览器组成

先理解下 过程和线程,再看组成。

过程和线程的了解

!

浏览器的组成

再细细讲下渲染过程,浏览器内核:

所以浏览器加载一个资源的过程是怎么的?

实践和实际相结合

晓得这些有什么用?

做性能优化。

如 不白屏,浏览器渲染页面很快,不卡顿,等等。

  1. 直到渲染机制,所以咱们尽量减少重排;
  2. 只有浏览器要下载资源,在渲染,所以咱们网络越快越好,资源越小越少。
  3. 一个 tcp 能够多个 http 申请,申请又一系列过程,所以申请能少则少,如何少,可应用个缓存。不能少,返回的数据能不能小一点,多余的数据不要。
  4. 。。。

写出高性能,优雅的代码

即写出优雅的 性能较好的代码。

正文完
 0