天天看點

哪些地方會出現css阻塞,哪些地方會出現js阻塞?

js的阻塞特性:所有浏覽器在下載下傳js下載下傳、解析、執行完畢後才開始繼續js,但是 由于浏覽器為了防止出現dom樹,需要重新建構 嵌入js隻會阻塞其後内容的顯示,2種方式都會阻塞其後資源的下載下傳。也就是說外部樣式不會阻塞外部腳本的加載,但會阻塞外部腳本的執行。

css本來是可以并行下載下傳的,在什麼情況下會出現阻塞加載了(在測試觀察中,css都是阻塞加載)

當js的時候,該js放到 根本原因:因為浏覽器會維持css和js會阻塞後面的資源加載,是以就會出現上面嵌入。

1、放在底部,雖然放在底部照樣會阻塞所有呈現,但不會阻塞資源下載下傳。

2、如果嵌入js放在head中,請把嵌入js放在css頭部。

3、使用defer(隻支援ie)

4、不要在嵌入的js中調用運作時間較長的函數,如果一定要用,可以用<code>settimeout</code>來調用

javascript無阻塞加載具體方式

将腳本放在底部。

繼續閱讀