JS檔案放在頭還是尾

JoeYoung發表於2013-08-16

目前絕大部分的瀏覽器都是採取阻塞方式(Scripts Block Downloads)載入Javascript檔案的;javascript在頭部會阻止其他元素並行載入(css,圖片,網頁);這種機制的好處就是我們可以隨意在頁面上使用那種JS庫中的函式,因為頁面肯定是在JS加裁之後呈現的,但是缺點也非常明顯:一旦此Javascript檔案過大,或網路連線不穩定,整個頁面就會被阻塞一段時間,甚至空白。javascript放在底部,這樣就可以和圖片幾乎同時下載,讓圖片儘快的下載下來。也可以:立即--互動性優先的在頂部;延遲--互動性稍後的尾部。


另外一般大型的網站都會採取非阻塞方式載入Javascript來提高效能(降低頁面載入時間),Steves 在他的博文中提到了幾種方法,如使用iframe, 動態新增script節點等來並行下載javascript檔案。不過目前用得最多的應該還是動態新增script節點的方法。

相關文章