外部JavaScript - 身體還是頭部？

可能重複：
Where is the best place to put <script> tags in HTML markup?外部JavaScript - 身體還是頭部？

應該在哪裏我把我的外部JavaScript文件？我知道人們把它放在body標籤的末尾，以使網頁看起來更快加載。但是有沒有什麼缺點把它放在最後？

這是將JavaScript與Google Analytics代碼結合使用的良好做法嗎？

<body> 
// Everything else over here ... conent etc.. 
    <script src="myjavascript.js" type="text/javascript"></script> 
     <script type="text/javascript"> 
     // google analytics code 
     </script> 
</body>

來源

2012-07-18 Jason Stackhouse

我總是把它放在頭部incase我需要調用身體某個地方的功能之一，我不想等待頁面加載之前調用該函數。 – 2012-07-18 21:29:26

@JohnnyCraig你應該def。請查看http://headjs.com - 它比使用

目前的建議是把javascript的底部，不是因爲它「看起來像年底建成一個腳本更快它加載速度更快「，但是因爲通過將它們放在那裏，JavaScript解析和執行並不會阻止瀏覽器執行其他操作（如加載頁面的其餘部分）。

我可以想到的一個問題是，如果你在外部JS中定義了任何對象和函數，並且想在頁面中使用它們，則必須等待頁面加載/就緒。

至於谷歌分析代碼 - 最好將它放在底部，就像你的例子。

來源

2012-07-18 21:30:09 Oded

但它看起來加載得更快......設計首先出現=更快樂的用戶！但你可能是對的！順便說一句，我的代碼或分析代碼第一？ – 2012-07-18 21:37:28

將腳本放在頁面末尾將有助於improve the performance。

腳本導致的問題是它們會阻止並行下載。 HTTP/1.1規範建議瀏覽器每個主機名並行下載兩個並行組件不得多於。如果您從多個主機名中提供圖像，則可以並行執行兩個以上的下載併發生。然而，當腳本正在下載時，瀏覽器將不會啓動任何其他下載，即使是在不同的主機名上。

重要的是要注意，在你可以訪問外部JS引用的任何對象之前，它們必須首先被完全加載。

來源

2012-07-18 21:32:02 RobB

相關問題