[转载]网页设计必须考虑的问题——浏览器加载渲染

随着web设计的快速发展，我们作为前端设计人员已经不能仅仅满足于表达页面样式了，在尽可能完美诠释页面样式的同时，我们需要越来越多的考虑页面加载速度问题。

经常被前端制作的前辈推荐看这篇文章《浏览器内部工作原理》，此文章内容超多，自己看完后大概总结了以下几点，分享出来和大家共同学习。

1. js的加载会阻塞此js文件下面的图片的加载，但不会阻塞其他js，css的加载
2. js的加载会阻塞浏览器的渲染，需要等待js加载执行完毕后才可以继续渲染
3. js的加载虽然是异步进行的，但是执行仍然会保持从上到下的顺序(以上三点就是为何phpwind9.0采用了js文件底部异步加载的原因)
4. alert 直接会阻止页面的渲染，ff中不阻塞其他的js,css加载，但是会阻止img加载，chorm中会阻塞其他所有的加载。
5. 边解析边更新DOM树和Style Object且重新绘制页面。
6. js的执行加载都会阻塞网页的渲染。
7. javascript会因为顺序执行而阻塞之后js的代码。
8. image、flash等组件的加载不会阻塞网页的解析。
9. css的加载也会阻止图片的加载和浏览器的渲染当不会阻止js的加载。
10. js的文件的加载会阻止dom的加载，但css文件则不会。

平时设计页面、书写代码时候务必要考虑以上十条，这样才可以使你作出的页面漂亮利落~！