学到一个小技巧,将CSS的引用,放在HTML页面的head部分的最前面,这样可以加速网页在浏览器中的渲染,提高对访客的友好性。
浏览器访问一个网页,首先是下载HTML页面,然后解析此HTML网页,获取HTML网页中的各项资源。这些资料主要包括head部分引用的CSS,JS等,以及body部分的图片资源等。
一个网页能够被浏览器渲染的前提,是CSS文件已经获取到了。
其它文件都“不重要”,只要CSS还没有得到,就无法开始渲染网页。
因此,建议将CSS文件的引用,放在head部分的最前面,以确保浏览器会在第一时间去获取CSS文件,确保浏览器第一时间开始渲染网页。
也许现代浏览器在获取网页资源方面,采用的是多线程并行,但是我想把CSS放在head的最前面,不管是单线程还是多线程,此CSS资源应该都会排在最优先获取的位置。