好哇网

把CSS放在head的最前面

作者 2021-08-3 327

学到一个小技巧,将CSS的引用,放在HTML页面的head部分的最前面,这样可以加速网页在浏览器中的渲染,提高对访客的友好性。

浏览器访问一个网页,首先是下载HTML页面,然后解析此HTML网页,获取HTML网页中的各项资源。这些资料主要包括head部分引用的CSS,JS等,以及body部分的图片资源等。

一个网页能够被浏览器渲染的前提,是CSS文件已经获取到了。

其它文件都“不重要”,只要CSS还没有得到,就无法开始渲染网页。

把CSS放在head的最前面-好哇网

因此,建议将CSS文件的引用,放在head部分的最前面,以确保浏览器会在第一时间去获取CSS文件,确保浏览器第一时间开始渲染网页。

也许现代浏览器在获取网页资源方面,采用的是多线程并行,但是我想把CSS放在head的最前面,不管是单线程还是多线程,此CSS资源应该都会排在最优先获取的位置。

发表评论

好哇网,每天提供1000+次下载,做你身边靠谱的下载站!

立刻探索下载

留言咨询