JS文件放在頭仍是尾

目前絕大部分的瀏覽器都是採起阻塞方式(Scripts Block Downloads)加載Javascript文件的;javascript在頭部會阻止其餘元素並行加載(css,圖片,網頁);這種機制的好處就是咱們能夠隨意在頁面上使用那種JS庫中的函數,由於頁面確定是在JS加裁以後呈現的,可是缺點也很是明顯:一旦此Javascript文件過大,或網絡鏈接不穩定,整個頁面就會被阻塞一段時間,甚至空白。javascript放在底部,這樣就能夠和圖片幾乎同時下載,讓圖片儘快的下載下來。也能夠:當即--交互性優先的在頂部;延遲--交互性稍後的尾部。javascript


另一般大型的網站都會採起非阻塞方式加載Javascript來提升性能(下降頁面加載時間),Steves 在他的博文中提到了幾種方法,如使用iframe, 動態添加script節點等來並行下載javascript文件。不過目前用得最多的應該仍是動態添加script節點的方法。css

相關文章
相關標籤/搜索