我是否需要爲每個頁面分開JavaScript？

Question

我有4種類型的js文件和這裏的列表：

bookmark.js，status.js，auth.js和photo.js

問：

我應該加載js只針對特定頁面，否則我會將所有內容編譯爲1個js？

如果我爲每個頁面使用特定的js，是否會影響加載網頁？

Answer 1

您是否使用過AngularJS等JavaScript前端框架？如果你真的只想包含所需的JS文件，你可以做到這一點。

Answer 2

如果所有的html頁面都使用單獨的javascript文件，最好將它們分開。基於用戶操作，他們將被緩存在瀏覽器端。

要優化加載時間，你可以做以下

1. 使用async腳本標記內部，它不堵 頁的休息，
2. 使用的所有的人的JavaScript縮小，這將降低文件大小並減少http有效負載。

Answer 3

所以，這取決於您的需求。

如果你正在尋找加載速度，我認爲最好的解決方案是讓它們保持分離，這將允許瀏覽器異步加載多個js文件。

但是，如果你需要有最聰明的代碼，你應該把它們放在一個單獨的文件中，試圖減少它越來越多。

請記住，你應該只考慮你的生產代碼，絕對是更好的有不同的文件對他們的工作。

正如你可以看到，如果你嘗試第一種方法，你會更快的頁面加載。一個例子是一個需要加載大量js文件的web應用程序。

加載3MB的文件總是更快，加載一個3MB的單個文件，因爲它們將在同一時間開始加載。

另一種方法是在你的頁面需要時加載js文件，但要記住，在這種情況下，如果你有大的js文件，客戶端在他瀏覽你的網站時會看到很多加載。

在這裏，你可以閱讀更多有關js file managment