2011-11-12 178 views
1

我有一個javascript源代碼文件,它是大約32kb,並已在模塊中排列的javascript代碼。 我不知道是否會增加網頁的加載時間,如果我把每一個模塊到一個單獨的文件管理的2000行當前的代碼是相當繁瑣和有時混亂增加頁面加載時間

+1

文件訪問可能會減慢加載時間,是的。您可以將代碼拆分爲多個文件,並使用打包程序進行合併並將其縮小以供生產使用。 CKEditor在從開發環境部署腳本時執行此操作。 – Smamatti

回答

5

簡短的回答,yes和no。如果您有指向每個模塊文件的<script>標籤,那麼是的,由於對這些文件的網絡調用數量增加,它會減慢頁面的速度。真正的答案就是你應該編碼的方式,但這不是你應該爲用戶提供服務的方式。

我推薦了一個名爲縮減大小的工具,這將結合,然後再縮小你所有的JS文件,所以你只需要一個<script src="/min/f=mod1.js,mod2.js,mod3.js" type="text/javascript"></script>標籤

您還可以管理文件的「羣體」,這是簡單的PHP陣列,具有關聯鍵你在腳本src中引用。例如:

那麼腳本標籤會是什麼樣子:

<script src="/min/g=module_js" type="text/javascript"></script> 

後縮減大小COMINES和minifies你的代碼,它會緩存它的服務器上,以便後續請求將命中緩存文件,使PHP不需要處理。

http://code.google.com/p/minify/

+0

這些模塊也有一些jQuery插件作爲dependsicies – MrFoh

+0

這非常好,只需爲所有JQuery插件創建一個組,並首先引用該組:'