浏览器如何加载渲染页面

  1. 用户输入网址,浏览器向服务器发出请求,服务器返回html文件;

  2. 浏览器开始载入全部的html代码,发现标签内有一个标签引用外部CSS文件,浏览器又发出CSS文件的请求,服务器返回这个CSS文件;

  3. 浏览器继续载入html中部分的代码,并且CSS文件已经拿到手了,开始边解析DOM变渲染;

  4. 浏览器在代码中发现一个标签引用了一张图片,向服务器发出请求。此时浏览器不会等到图片下载完,而是继续渲染后面的代码;

  5. 浏览器继续执行时,发现刚刚请求的图片文件返回了,由于图片占用了一定面积,影响了后面段落的排布,因此浏览器需要回过头来重新渲染这部分代码;

  6. 浏览器发现了一个包含一行Javascript代码的

你可能感兴趣的:(浏览器如何加载渲染页面)