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

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

如有不对，欢迎指正。我也是查看很多资料，加上个人理解得出的，没找到官方正式文档，固不保证正确，欢迎大家指出错误。。

从前的我以为是这样的

从前的我以为，浏览的的组成，是这样的。

但总感觉 逻辑有点不清楚。 js引擎，怎么就是浏览器引擎了？

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

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

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

改进之后的浏览器组成

先了解下 进程和线程，再看组成。

进程和线程的理解

!

浏览器的组成

再细细讲下渲染进程，浏览器内核：

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

理论和实践相结合

知道这些有什么用？

做性能优化。

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

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

写出高性能，优雅的代码

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