当前位置:Gxlcms > html代码 > html页面渲染的原理及优化_html/css_WEB-ITnose

html页面渲染的原理及优化_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:32人阅读

一个html网页载入的大概过程

1.用户输入网址,(假定是第一次访问),浏览器向服务器发出请求,服务器返回html文件.

2.浏览器开始载入html代码,发现head标签内有一个link标签引用外部css文件。

3.浏览器又发出css文件的请求,服务器返回这个css文件。

4.浏览器继续载入里面的代码,并且css代码已经拿到手了,开始渲染界面了。

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

6.服务器返回图片文件,由于图片占据了一定面积,影响了后面的排版,因此浏览器需要回头重新渲染这部分代码。

7.浏览器发现了一行js代码的