2015-09-10 87 views
1

在不同的頁面中加載快速javascript的最佳方式是什麼?我的自定義javascripts應該分開爲每個頁面或所有自定義JavaScript應該只在1個常見的custom.js文件中存在,並將其包含在頁腳?在不同的頁面中加載javascript的最佳(快速)方法是什麼?

require_once($header); 
include_once($page2.php); 
require_once($footer); 
<script src="js/custom-page2.js"></script>//separate for each page 

require_once($header); 
include_once($page1.php); 
require_once($footer); 
<script src="js/custom-page1.js"></script>//separate for each page 

OR

//in footer.php include all js in 1 file 
<script src="js/all-custom.js"></script> 
+0

你可以找到它** [這裏](http://stackoverflow.com/a/555730/2065039)** –

+1

請記住頁面加載速度。如果您有很多不必要的功能,請將文件保持簡短並且特定於頁面。 – Ukuser32

回答

0

如果所有頁面共享使用一個腳本會更好相同的腳本。

如果他們使用不同的腳本,你可以切出了每個頁面不需要,節省HTTP請求。

或兩者的混合物。

所以......這取決於?

基本規則:如果你不需要它,不加載它。

0

我建議你通過在這個以創建HTML頁面:

  • HTML包裝所有
  • 頭(與風格,一個頁面爲例)
  • 機身採用:
    • Javascript模塊
    • 主HTML DOM
    • Javascri PT DOM改性劑和發射

同樣是這樣的:

<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
</head> 
<body> 
    <script type="text/javascript" src="modules.js"></script> 
    <div class="body"></div> 
    <script type="text/javascript" src="functions.js"></script> 
</body> 
</html> 
0
  1. 它把所有的JS在頭(直到所有的頭文件被加載瀏覽器將不會呈現頁面好主意,至少在理論上)。

  2. 瀏覽器(代理等)將緩存的JS,所以它不會從您的網站在每次請求獲取。瀏覽器只會檢查文件是否已更改。

  3. 在大多數情況下,瀏覽器將繼續爲所有請求單個連接,但它仍然有,如果它沒有改變,要求每一個js文件。我在開發過程中將js邏輯保存在單獨的文件中,但後來我將它們合併爲生產。

相關問題