浏览器的工作原理

从url到页面发生了什么?

对这个经典问题,在搜索引擎中能找到无数个答案

这篇文章也是我对这个问题的一个阶段性总结

写博客的方式也从复制粘贴转变到自己分析归纳总结

用户打开浏览器,输入 baidu.com,页面展示百度首页。整个过程发生了什么?

浏览器是如何渲染页面的?如何优化首屏渲染性能?

作为前端,我们的注意力应该放在呈现引擎上。

呈现引擎解析html

当我们输入url按下回车之后,发送请求获取文档的内容,一般是html文档。

呈现引擎将html里的各标签解析成DOM树。

遇到外链资源(比如图片、样式表、脚本等)就会发送请求获取资源。

呈现引擎会同步解析外部CSS文件以及样式元素中的属性,构建CSSOM树。

DOM和CSSOM构建完毕后生成渲染树,进入绘制和显示阶段。

虽然解析CSSOM不会阻塞DOM的构建,但是会影响渲染树的构建。这就是我们为什么要把样式表放在头部的原因。

网络的模型是同步的。解析器遇到

你可能感兴趣的:(浏览器的工作原理)