渲染
Muzilh
加油鸭
展开
-
浏览器加载、解析、渲染的过程
最近在学习性能优化,学习了雅虎军规 ,可是觉着有点云里雾里的,因为里面有些东西虽然自己也一直在使用,但是感觉不太明白所以然,比如减少DNS查询,css和js文件的顺序。所以就花了时间去了解浏览器的工作,有一篇经典的文章《how browsers work》 ,讲的很详细,也有中文译本 。不过就是文章有点太长,也讲了一堆东西,还是自己总结一下。 为什么要了解浏览器加载、解析、渲染这个过程? 好,...转载 2018-08-15 20:54:06 · 180 阅读 · 0 评论 -
浏览器渲染过程
浏览器渲染主要流程 (webkit渲染引擎流程) 所以可以分析出基本过程: 解析HTML生成DOM树。 解析CSS生成CSSOM规则树。 将DOM树与CSSOM规则树合并在一起生成渲染树。 遍历渲染树开始布局,计算每个节点的位置大小信息。 计算好的信息绘制整个页面 HTML解析 举个例子:一段HTML <html> <...原创 2018-08-31 17:38:33 · 217 阅读 · 0 评论