提升页面渲染效率
Posted Sunnie_C
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了提升页面渲染效率相关的知识,希望对你有一定的参考价值。
If you can‘t measure it,you can‘t improve it --Peter Drucker
像素渲染的流水线
1.下载html文档
2.解析HTML文档,生产dom
3.下载文档中引用的css、js
4.解析css样式表,生成cssom
5.将js代码交给js引擎执行
6.合并DOM和CSSOM,生成Render Tree
7.根据Render Tree 进行布局layout(为每个元素计算尺寸和位置信息)
8.绘制(paint)每个层中的元素
9.执行图层合并
常规策略
以上是关于提升页面渲染效率的主要内容,如果未能解决你的问题,请参考以下文章