html 解析 流程,html的解析流程

先抛出几个问题：

1、DomContentLoad是什么 ？

2、Load是什么 ？

3、paint是什么

4、js会阻塞dom的解析吗，js会阻塞dom的渲染吗 ？

5、css会阻塞dom的解析吗，css会阻塞dom的渲染吗 ？

6、img会阻塞dom的解析吗，img会阻塞dom的渲染吗 ？

7、js前有css 与 js前面无css 对html 的解析有什么区别 ？

8、总结下html的解析流程是什么

在讲解这几个问题之前，必须要用到一个工具，chrome开发者工具里的 Performance，如下图所示：

使用方法，在点击2的情况下，分析3，4，5就可以了。3是日志log，4主要记录了在html页面加载过程中的种种操作，5是4的具体某个操作对应的具体信息。

4里面主要有

Send Request                                    发送http请求

Receive Response                             接收http返回数据

Parse HTML                                       解析html

Parse Stylesheet