浏览器加载渲染网页过程解析-总结
2012-11-11 15:54
399 查看
js的加载会阻塞此js文件下面的图片的加载,但不会阻塞其他js,css的加载
js的加载会阻塞浏览器的渲染,需要等待js加载执行完毕后才可以继续渲染
js的加载虽然是异步进行的,但是执行仍然会保持从上到下的顺序
alert 直接会阻止页面的渲染
ff中不阻塞其他的js,css加载,但是会阻止img加载
chorm中会阻塞其他所有的加载
边解析边更新DOM树和Style Object且重新绘制页面
js的执行加载都会阻塞网页的渲染
javascript会因为顺序执行而阻塞之后js的代码
image、flash等组件的加载不会阻塞网页的解析
css的加载也会阻止图片的加载和浏览器的渲染当不会阻止js的加载
js的文件的加载会阻止dom的加载,但css文件则不会
HTML Tidy
浏览器parser会假设inline JavaScript会改变页面结构,所以使用inline JavaScript开销较大
js的加载会阻塞浏览器的渲染,需要等待js加载执行完毕后才可以继续渲染
js的加载虽然是异步进行的,但是执行仍然会保持从上到下的顺序
alert 直接会阻止页面的渲染
ff中不阻塞其他的js,css加载,但是会阻止img加载
chorm中会阻塞其他所有的加载
边解析边更新DOM树和Style Object且重新绘制页面
js的执行加载都会阻塞网页的渲染
javascript会因为顺序执行而阻塞之后js的代码
image、flash等组件的加载不会阻塞网页的解析
css的加载也会阻止图片的加载和浏览器的渲染当不会阻止js的加载
js的文件的加载会阻止dom的加载,但css文件则不会
HTML Tidy
浏览器parser会假设inline JavaScript会改变页面结构,所以使用inline JavaScript开销较大