做個(gè)簡單總結(jié)琼娘,如下:
-
css
文件加載不阻塞dom
解析峭弟,但阻塞dom
渲染,dom
解析&css
加載同時(shí)完成脱拼,瀏覽器才會顯示結(jié)果瞒瘸; -
js
文件的加載以及執(zhí)行都阻塞dom
解析及渲染; - 第一條并不絕對熄浓,遇到
script
標(biāo)簽時(shí)情臭,如果此前有css
文件尚未加載完畢,瀏覽器會去加載此前的css
文件(同時(shí)加載該js
文件赌蔑?)俯在,此過程dom
解析會暫停。此前css
文件加載完畢娃惯,瀏覽器渲染一次跷乐,然后執(zhí)行js
;
網(wǎng)站的一般做法
-
css
文件放頭部js
文件放底部趾浅; -
css
文件放頭部js
文件跟隨在相關(guān)html
之后愕提;(根據(jù)結(jié)論3 遇到js
則渲染一次 可達(dá)到漸進(jìn)式渲染的效果) -
css
公共文件放頭部css
文件及js
文件都跟隨在相關(guān)html
之后馒稍;(同上條)