咨询我们
行业动态
网页加载慢是什么原因? 更新时间:2021/11/2 17:12:42

 针对搜索引擎来说,既然网民不喜欢你,我也不喜欢你,对不起,首页不适合你呆,下去吧,让别人来,别站着茅坑不拉屎rdquo;,特别是百度要求移动端网页打开要小于3秒,最好1.5秒。

于是乎,不知不觉间,你不知排名莫名的掉了多少,你不知流失了多少流量,你不知流失了多少客户,流失了多少金钱,对于大型网站尤为致命。

所以我们必须要知道网站加载速度为何慢,这里再和大家深度剖析一下。

首先我们要明白网页加载原理,从url到网页形成,中间经历了些什么,才知道怎么处理,怎么提速。域名解析过程这里就不说了,我们说说页面加载过程。

html网页加载流程(浏览器渲染过程)

1、用户输入网址(假设该网址第一次在该浏览器打开,没有缓存),浏览器向服务器发出请求,服务器返回html文件。

2、浏览器载入html文件,开始解析,从上往下开始解析。

3、解析过程中,浏览器发现lt;headgt;标签内有一个外部引用的css文件,然后浏览器向服务器发出请求,服务器返回css文件,浏览器开始下载。

4、浏览器继续载入下面的代码,而后下载好了css,并开始渲染页面,形成DOM树。

5、浏览器继续载入网页代码,又发现lt;headgt;内一个js引用文件,然后浏览器开始发出请求,服务器返回js文件,并阻塞并行的文件下载和解析,直到执行完毕。

6、浏览器继续载入网页代码,发现有js脚本,则会立即执行,并阻塞后续资源下载与执行,直到执行完毕。

7、浏览器继续载入,发现lt;bodygt;lt;imggt;标签引用了一张图片,会向服务器发出请求下载图片,浏览器在下载图片的同时会继续渲染后面的代码。

8、图片下载完成,但由于图片占了一定的页面体积,影响了后面的布局,此时浏览器会重新渲染这段代码。

9、浏览器继续载入代码,发现lt;bodygt;中的js,如果是内置脚本(引用js需要请求下载)则直接执行,暂停后续载入,直至执行完成,而后继续载入后续代码,再进行页面渲染,如js改变了页面样式,浏览器还会重新渲染这部分代码。

10、直到最后全部代码执行完毕,页面渲染完成,展现出来。