浏览器加载渲染网页过程解析-总结

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开销较大

你可能感兴趣的:(浏览器)