減少初始Web應用程序加載時間

Question

我正在使用ExtJS創建一個單頁Web應用程序。

這不是減少Web應用程序在向發送到瀏覽器的初始HTML文件中注入JS，CSS和HTML的加載時間的最佳方法，而不是僅包含一次從服務器加載文件的腳本和css標簽，因為這樣可以將多個HTTP請求減少為一個。

Answer 1

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

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

該工具還可以壓縮和緩存您的js和CSS

Answer 2

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

這只是許多技巧中的一個。

Answer 3

本網頁概述了減少可感知的網頁加載時間的一些最佳做法。

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

除了使用建議的冷凝器pavan外，您還可以使用Google的閉包編譯器來最小化javascript文件。

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

Answer 4

好吧，加載時間與觀察到的加載時間之間存在很大差異。 減少加載時間的最佳方法之一是使用服務器端壓縮。 但是，漸進式加載對於用戶而言似乎更快。
因此，初始響應應僅包含最少的樣式表集（讓瀏覽器渲染以后到達的已有樣式的東西）和布局。 然后，您可以對某些AJAX加載程序進行onLoad回調，以加載其他組件。
最重要的是，不要忘記調整圖像容器的大小。 最煩人的事情之一是，您只是因為圖像開始加載並更改了布局而錯過了鏈接的鏈接。