2012-10-13 17 views
3

我有這個相對較大的Web應用程序,它是一個單一的頁面與業務邏輯Ajax調用。單頁網頁應用:單個html文件或使用ajax加載的多個文件?

目前我有一個小的html文件,加載所有的css和js文件,然後使用ajax加載頁面的實際內容,所以我有15個html文件加載單個頁面(每個html文件是一個「格」主HTML頁面

幾個文件更易於維護,但我的問題是:什麼是性能/用戶體驗方面更好

保持它現在是(幾個文件加載異步)或者有一個腳本,在編譯時加入所有文件(部署時)?

據我所知,有一個單一的html文件在網絡性能方面效率更高,但另一方面,一個小文件的加載速度會更快,其餘內容將在「加載」對話框後加載。

回答

2

隨着腳本阻塞和按順序加載或使用延遲加載,最好少用文件。平行下載通常有每域限制,儘管我不能記住它是什麼。

對於生產環境,如果您將腳本的單個有效負載和所有樣式表一起編譯,您可能會獲得一些性能優勢。我也會考慮縮小輸出。 Yahoo Compressor和Google Closure Compiler是可用於實現此目的的兩個工具。

這會告訴你更多關於技術停止攔截... http://www.stevesouders.com/blog/2009/04/27/loading-scripts-without-blocking/

一些表現技巧,不限於JavaScript的...
http://developer.yahoo.com/performance/rules.html

相關問題