游览器如何加载?

       当我们输入网址打开页面时候 游览器就会向服务器发出请求,服务器就会向客户端返回HTML文件,在页面加载的过程中会遇到外部的css,js IMG文件,游览器会继续向服务器发出请求,返回相应的文件 然后一步一步加载整个页面 页面不仅仅会加载 还会渲染 把刚加载的页面渲染出来 呈现给用户的游览器上 游览器的加载是从上往下的!!

游览器如何渲染?

首先解析HTML文件生成一个DOM树,在DOM树生成的同时会对内部的img css js文件进行渲染,在加载完css文件后会立即对css文件进行加载,在对单个标签上的CSS进行渲染的时候,会按照浏览器默认样式-自定义的样式-页面内的样式的顺序进行。在加载完JS文件的时候也同CSS文件一样会立即进行渲染,然后接着就会立即运行这段JS代码,且JS代码在运行的时候会阻碍其后面的页面加载,JS 的运行严格按照文档流中的顺序进行。所以建议把JS文件都放在HTML的最后面加载。最终生成一个渲染树,当渲染树生成之后,浏览器就会在屏幕上画出所有渲染树的节点。

上面说到浏览器加载的时候是从上往下进行,那当遇到各种外部调用文件的时候是不是一定要等到一个加载完再加载另一个呢。答案是否定的,现在浏览器都能并发加载,只是并发的连接数会有不同。

并发连接数就是浏览器能同时加载外部文件的数量。主流浏览器里IE内核的IE6/IE7是最少的只有2个,其他内核浏览器的最新版和高版本的IE内核浏览器大部分都在6以上。