前段时间在群里和大家分享了“浏览器加载和渲染HTML的顺序”，这里总结一下。
1、IE下载的顺序是从上到下，渲染的顺序也是从上到下。 下载和渲染是同时进行的。
2. 当渲染到页面的某个部分时，其中的所有部分都已被下载（并不是说所有关联元素都已被下载）。
3.如果遇到语义可解释的标签嵌入文件（JS脚本、CSS样式），那么IE的下载过程将启用单独的连接进行下载。
4. 样式表下载完成后，会与之前下载的所有样式表一起进行解析。 解析完成后，所有之前的元素（包括之前渲染过的元素）都会被重新渲染。
5、如果JS、CSS中有重新定义，后面定义的函数会覆盖前面定义的函数。
JS加载
1.无法并行下载和解析（阻塞下载）。
2、引用JS时html 加载顺序，浏览器发送完js请求后，仍然会等待请求的返回。因为浏览器需要稳定的DOM树结构，而JS很可能有
代码直接改变DOM树结构，比如使用document.write或者appendChild，甚至直接使用location.href进行跳转，浏览器避免了JS修改
更改 DOM 树需要重建 DOM 树，因此会阻止其他下载和演示。
如何提高 HTML 页面加载率
1.页面减肥：
A。 页面的权重是影响加载率的最重要因素。
b. 删除不必要的空格、注释。
C。 将内联脚本和 CSS 移至外部文件。
d. 你可以使用HTML Tidy来减轻HTML的重量，也可以使用一些压缩工具来减轻JavaScript的重量。
2.减少文件数量：
A。 减少页面上引用的文件数量可以减少 HTTP 连接数量。
b. 许多 JavaScript 和 CSS 文件都可以合并，并且最好合并它们。 每个人都合并了他们的 JavaScript。 函数和 Prototype.js 合并到一个 base.js 文件中。
3、减少域名查询：
A。 DNS查询和域名解析也很耗时，因此为了减少对外部JavaScript、CSS、图像和其他资源的引用，请尽可能少地使用不同的域名。
4.缓存复用数据：
A。 缓存重用的数据。
5.优化页面元素加载顺序：
A。 首先加载页面最初显示的内容以及相关的JavaScript和CSShtml 加载顺序，然后加载HTML相关的东西，比如最初不显示的图片、flash、视频等
等待最后加载非常丰富的资源。
6.减少内联JavaScript的数量：
A。 浏览器解析器假设内联 JavaScript 会改变页面结构，因此使用内联 JavaScript 的成本很高。
b. 不要使用 document.write() 输出内容，使用现代 W3C DOM 方法为现代浏览器处理页面内容。
