應該所有的javascript進入一個單獨的js文件

Question

如果某些jquery或常規javascript應該內聯或單獨的js文件中的條件是什么？

Answer 1

這取決於很多因素

1.緩存

當您將javascript或css分離為單獨的文件時，它將被緩存在瀏覽器中，當新請求到達時，無需從瀏覽器下載新的請求。 但是，在每次請求頁面時進行內聯編碼的情況下，將下載內容，這將增加帶寬使用。

在Make JavaScript和CSS External中閱讀更多內容

2.減少HTTP請求

通過內聯編碼，您可以減少HTTP請求的數量，這是一種頁面優化技術。

在最小化HTTP請求中閱讀更多相關內容

3.可維護性

通過制作外部javascript和css文件，可以更輕松地維護代碼。 您無需更改每個頁面以應用更改。

4.縮小

縮小是從代碼中刪除不必要的字符以減小其大小從而縮短加載時間的做法。 縮小代碼時，將刪除所有注釋，以及不需要的空格字符（空格，換行符和制表符）。 在JavaScript的情況下，這改善了響應時間性能，因為下載文件的大小減小了。

閱讀更多Minify JavaScript

在這里，我找到了一篇很好的文章

增壓的Javascript

Answer 2

如果它都在外部文件中，那就更干凈了。 將您的CSS和Javascript保存在他們自己的遠程文件中，以獲得清潔和更好的維護。 我為這個規則做的唯一例外是當我需要在頁面加載時輸出一些動態javascript值：我可以在html文檔的頭部做這個。

Answer 3

我們在工作中使用組合 - 任何靜態JS的外部文件，並嵌入在我們為每個頁面構建的JS頁面中（DotNetNuke，因此我們無法預測哪些控件將被命名為clientside）。

Answer 4

我個人更喜歡將所有javascript保存在外部文件中，它可以保持HTML或XHTML的清理並且更易於維護，但是當我開發時，我會經常保留當前在嵌入在文件頂部的代碼片段，以便於訪問它然后當我完成后，我將其移動到外部文件。

至於內聯javascript我會盡可能地避免它，因為它使得很難追蹤錯誤，但奇怪的是它有用，例如將div層變成鏈接。

Answer 5

保持javascript內聯使許多ide能夠對變量執行自動完成。 如果JS在單獨的文件中，則此功能不可用。

這非常重要，imho。 而且我很驚訝IDE現在無法掃描和索引javascript文件的使用情況，從而提供合理的自動完成選項。

Answer 6

就個人而言，我認為這是個人選擇，取決於具體情況。 如果它只是幾行Javascript，我不打算制作一個單獨的文件（和另一個HTTP請求）。 但是，如果它更多，有功能而且不僅僅是微不足道的影響，我把它放在一個外部文件中。

此外，如果代碼將在多個頁面上使用，它應始終位於單獨的文件中，即使它只是幾行。