減少初始web應用加載時間

Question

我正在用ExtJS創建一個頁面的Web應用程序。

是不是減少Web應用程序加載時間的最佳方式，以便在發送給瀏覽器的初始HTML文件中插入JS，CSS和HTML，而不僅僅包括腳本和css標記以從服務器加載文件因爲這會將多個HTTP請求僅減少到一個。

Answer 1

如果您想縮短初始加載時間，最好的方法之一是利用瀏覽器緩存。建議您查看使用託管的ExtJS庫，例如來自Google Ajax API。潛在訪問者很有可能已經緩存了它。

這只是許多的一個提示。

Answer 2

您可能會喜歡httpcombiner.ashx的概念。

http://archive.msdn.microsoft.com/HttpCombiner

該工具還可以壓縮和緩存你的JS和CSS

Answer 3

該網頁列出了一些最佳實踐，當談到降低感知的網頁加載時間。

http://developer.yahoo.com/performance/rules.html

除了使用冷凝器帕建議，您可以使用谷歌的關閉編譯器，以儘量減少JavaScript文件。

http://closure-compiler.appspot.com/home

Answer 4

那麼，有加載時間相差過大和觀察加載時間。減少加載時間的最佳方法之一是使用服務器端壓縮。但是，漸進式加載似乎對用戶加載速度更快。
因此，初始響應應該只包含最少的一組樣式表（讓瀏覽器呈現稍後到達的東西已經設計）和佈局。然後你可以在一些加載附加組件的AJAX加載器上進行onLoad回調。
最重要的是不要忘記調整圖像容器的大小。最令人討厭的事情之一是，當您因爲圖像開始加載並更改佈局而錯失點擊鏈接時。