1 .用户首次访问网站，浏览器向服务器提出请求，服务器返回html文件
2 .浏览器开始加载html代码，并发现head标记中有引用外部css或js文件的link标记。 请注意这里的icon。 地址是图像，在请求列表中找不到main.json，因此以前可能有缓存
3 .浏览器还发出css和js文件请求，服务器返回此css、js文件
4 .浏览器继续加载html body部分的代码，并且得到了css、js文件，可以开始呈现页面
5 .浏览器在代码中发现img标签引用了图片，并向服务器提出了请求。 此时，浏览器不等图像下载结束，继续渲染后面的代码
6 .服务器返回图像文件，图像占用了一定的面积，影响了页面布局，浏览器需要回顾才能重新呈现这部分代码。
7 .浏览器找到了包含一行js代码的script标记。 请马上运行他。
8 .js脚本执行此语句，他命令浏览器用阴影隐藏代码中的div。 此时，浏览器必须重新呈现该代码的一部分
9 .直到找到关闭的html标记
浏览器加载和呈现html的顺序
1 .ie浏览器下载顺序从上到下，呈现顺序也从上到下，下载和呈现是同时进行的
2 .渲染到页面的某个部分时，上面的所有部分都已下载，但并不是相关元素都已下载
3 .遇到语义解释的标记嵌入文件时，ie下载过程此时启动并下载单个连接
4 .然后在下载后进行分析，在分析过程中，停止下载页面所有下级元素，阻止下载
5 .下载以下样式表时，它将与所有以前下载的样式表一起分析，分析完成后，它将重新渲染所有元素，包括以前渲染的元素
6 .如果在js、css中存在重定义，则后面定义的函数将覆盖前面定义的函数。
加载js
1 .不能并行下载和分析
2 .应用js后，浏览器会发送js请求，并一直等待该请求的返回。 这是因为浏览器需要稳定的dom树结构，js很可能会将代码修改为dom树结构或直接跳转。 浏览器需要重建dom树以防止js修改dom树，因此会阻止其他下载和渲染
3 .行距js阻止所有html代码的下载。