2015-01-16 28 views
0

我有一個正在分裂成40個類似的JavaScript文件的Web應用程序。當我運行應用程序時,這些文件的一些子集需要由瀏覽器下載。顯然,鑑於瀏覽器使用〜6個線程下載文件,這不是最佳解決方案。我想到的一個優化想法是將所有這些JavaScript文件(除了外部文件)嵌入到服務的.aspx頁面中。因此,瀏覽器只需獲取一個大的html文件,不需要進行任何往返服務器的操作。單獨的html頁面可能包含用戶特定的數據,這些數據在每個請求上都會不同。但是,腳本在請求之間不會發生變化。在典型的用例中,頁面(包含腳本)有180KB(腳本未縮小)或130KB(縮小)。的JavaScript嵌入在HTML裏面

現在的問題:這個方法有什麼缺點明智的性能(網絡瀏覽器的JavaScript引擎)?你知道有哪些大型應用程序正在做類似的事情嗎?請注意,我對有關eg的爭論不感興趣。因爲單獨的腳本在開發過程中仍然可以作爲單獨的文件提供。同樣的問題適用於css文件(儘管這在我的應用程序中不是問題)。

在這裏可能很重要的一點信息:應用程序是一個大的多頁表單,它不需要在頁面之間回傳,驗證表單,提交表單等。但是,它所嵌入的應用程序可能有多種這樣的形式。

回答

0

一般來說,這是一個非常好的想法將javascript和css文件連接在一起。我只是不太確定「你的概念」。我最大的擔憂和問題是,這個.aspx文件可能以任何方式通過(動態)代碼進行更改? 這將使瀏覽器無法緩存文件,這將是一個可怕的情況。

有關串聯文件偉大的事情是,我們有一個大的下游(這仍然是快了很多,然後用幾個單請求和HTTP下載的開銷)和瀏覽器緩存後該文件。

有一些偉大的構建工具和腳本中使用,Apache Ant是一個我真的建議。你應該看看HTML5 Boilerplate他們非常頻繁地使用ANT。

+0

我希望串聯文件是好的,問題的最重要的部分是,它是否是確定把它嵌入到HTML內部。很快就會添加一些關於應用程序的性質的信息。 –