統計工具說是將JS文件放置在body標簽之后會提升加載速度。不過最終我們還是放置在了head標簽里。這里就涉及到一個JS文件位置的選擇。到底JS文件的引入放置在頭部好還是尾部好？今天長沙網站優化公司智優營家seo團隊和大家探討，JS文件到底該放置最好。

 

具體將引入的JS放在哪里與代碼執行的順序有關。網頁文件的讀取是從上到下的，如果將JavaScript文件放置在head當中，會先加載JS文件，之后再繼續執行，那么此時，如果JS文件比較大，頁面加載就會很慢，導致空白。

 

那么，如果將JavaScript文件放置在底部，如果說，也是比較大型的JS文件的話，是不是就沒有問題了呢？

 

 

 

其實，如果將JS文件放置在底部的話，可以讓JS文件與圖片幾乎同時下載，使得頁面當中的內容能夠盡快的下載下來，但是，由于網頁基本結構與樣式均已經加載完成，那么此時負責交互的JS并沒有下載下來，必然也會對用戶的體驗造成影響。

 

因此，整體來說，如果“交互性優先”，那么我們應當將JS放置在頂部。如果對于交互性要求沒那么高的頁面，我們將JS放置在底部。

 

 

阻塞方式加載JS：JavaScript在頭部會阻止其他元素并行加載(css,圖片,網頁)。目前絕大部分的瀏覽器都是采取阻塞方式(Scripts Block Downloads)進行JavaScript文件的加載的。

 

更好的解決方法？

 

一般大型的網站都會采取非阻塞方式加載JavaScript來提高性能（降低頁面加載時間），如使用iframe, 動態添加script節點等來并行下載JavaScript文件。不過目前用得最多的應該還是動態添加script節點的方法。

 

以上就是智優營家在網站建設中所注意到的JavaScript文件放在頭部或者尾部的判斷準則，如果還有更好的方式，歡迎跟長沙網站優化公司智優營家seo團隊一起探討。智優營家SEO服務，用人工白帽方式優化，讓排名更穩定，關鍵詞數量選擇不限，有排名才扣費。如您有任何關于seo的疑問，可點擊在線客服咨詢，或撥打熱線：13549642614