
ttt.png
一般:
- 知名的第三方依賴(lài)(如jQuery/AngularJS/Bootstrap),放在1——header里。(尤其在使用那些知名庫(kù)的公庫(kù)url后,在特定地域內(nèi)加載速度有保證)
- 自寫(xiě)的純邏輯代碼(沒(méi)有引用可見(jiàn)標(biāo)簽的),放在2——body標(biāo)簽的頂部
- 界面邏輯相關(guān)代碼,放在3——確保被引用標(biāo)簽已經(jīng)被瀏覽器創(chuàng)建存在。
加載固定內(nèi)容的腳本,可以前置到文檔頭部。
瀏覽器的dom按讀取到標(biāo)簽順序解析并執(zhí)行,所以腳本引用前置使其盡早加載,有加速效果(尤其瀏覽器首次打開(kāi)網(wǎng)頁(yè),且網(wǎng)頁(yè)內(nèi)容較大或者網(wǎng)速不佳時(shí))