鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 怎樣驗(yàn)證外部樣式的執(zhí)行,會(huì)影響外部JS的執(zhí)行?

怎樣驗(yàn)證外部樣式的執(zhí)行,會(huì)影響外部JS的執(zhí)行?

最近在研究HTML執(zhí)行的問題,在看一篇博客的時(shí)候,點(diǎn)這里,作者提到一個(gè)論點(diǎn):

外部樣式會(huì)阻塞后續(xù)腳本執(zhí)行,直到外部樣式加載并解析完畢。對(duì)于外部樣式的加載會(huì)阻塞外部JS

的執(zhí)行,我已經(jīng)驗(yàn)證過了,但是對(duì)于外部樣式的解析會(huì)影響JS的執(zhí)行,不知道該如何驗(yàn)證?請(qǐng)

問,各位大神有沒有什么辦法?

回答
編輯回答
莓森

這個(gè)回到瀏覽器渲染html頁面的流程來解析,這個(gè)渲染過程是單線程,順序執(zhí)行(從上到下),引入外部文件有個(gè)加載(下載)過程,自然會(huì)堵塞下面內(nèi)容的加載。
一般情況下link樣式文件放置在head頭部,解析成DOM樹,完成這一步再加載js文件,(可以添加asyncdefer異步執(zhí)行)。
具體驗(yàn)證方法可以查看這篇文章:解析頁面加載與js函數(shù)的執(zhí)行 onload or ready

2017年2月6日 02:20