現在在外部文件中存儲多頁文檔

Question

我的10-15頁中的每一頁在$(document).ready()都有100-200行js行

將它們全部合並到一個外部文件中是否明智？ 我不知道那將如何工作。 瀏覽器是否不必一次檢查所有內容，甚至不是當前頁面上的功能？ 第二個問題可能是功能沖突。

請給我一些如何處理的提示。

Answer 1

如果您的js文件太大，則可以將這些行拆分為多個文件。
請注意，100-200行非常小。 如果大小對您而言確實很重要，則應縮減代碼。

“我們應該忘記效率低下的問題，大約有97％的時間是這樣：過早的優化是萬惡之源”

關於函數沖突，請使用名稱空間和閉包，並保持全局對象盡可能干凈。

Answer 2

會明智嗎？ 是。 您為瀏覽器提供了一個大的可緩存塊，而他不必再為增加頁面加載速度而擔心。 將所有onload事件放在命名不同的函數中，然后從相關頁面調用它們，或者如果必須這樣做，則在不同頁面上重用函數。

Answer 3

您必須研究各種事物。

首先在可能的情況下將所有js刪除到公共cdn，然后再進行jquery；其次總是將所有js縮小並合並到一個文件中（css同樣適用）

這樣做的好處是，如果您有10個js文件瀏覽器，則必須發出十個請求並分別接收每個文件。 更不用說移動設備中每個域的請求數了。

另一方面，如果所有文件都作為一個文件發送，則只有一個請求。 沒錯，執行（或至少檢查所有現成的東西）會花費很多時間，但是此處理時間比文件不同時的請求時間低很多。