組織JavaScript文件的最佳方式

Question

所以我有一個帶有多個JS文件的web應用程序（jQuery，jQuery，我自己的JS代碼等等）。 假設我有一個名為index.html的頁面。 包含/預加載我的js文件的最佳做法是什么？ 我正在考慮創建一個單獨的JS文件，它將執行預加載（包括所有其他腳本並調用jQuery.noConflict（））。 你們有什么建議？ 這可能嗎？ 你會如何實現它？

謝謝！

Answer 1

通常，將您的腳本文件合並到一個文件中（並縮小或壓縮它們，甚至編譯它們，但請注意，最后一項不是零影響，有痛點）。 請參閱此處和此處的注釋。 基本上，對於良好的快速頁面加載，您將看到的第一個指導原則是“最小化HTTP請求”。 因此，您不需要六個單獨的script標記，您可以在其中擁有一個。

但是，對於流行的腳本，您可以從Google的CDN中使用它們。 谷歌非常友好地在他們的CDN上免費托管大多數流行的JavaScript庫。 這里的優勢不僅在於CDN速度相當快，而且目標用戶的瀏覽器可能還有一個您想要使用的腳本的緩存版本，即使它們之前從未訪問過您的網站。

Answer 2

查看RequireJS ，一個用於JavaScript的智能且強大的腳本加載器。 它的設計與jQuery配合得很好，並附帶了一個優化工具，可以將所有腳本合並為一個。

Answer 3

最好的方法是最小化所有js文件並將它們組合成一個腳本。 這將減少瀏覽器的工作量，因為它不必向服務器發出多個請求。

Answer 4

如果要同時加載所有內容，可以將其全部放入單個壓縮文件中