現代Web的資源/類型/元素--發展趨勢

標籤：style   blog   c   java   tar   http   

5月6日，Google開發人員中心推出了一個 Web 開發最佳實務手冊。伯樂線上資源頻道摘編該資源後，已邀請一些關注 Web 開發的朋友參與翻譯手冊。

由於譯者朋友幾乎都是已在職，都是在工作之餘參與，每位的翻譯進度會不一樣（請理解），所以手冊中文版不會按照英文版章節順序發布。

我們的Web應用程式在規模、野心和功能上持續成長 ——這是一件好事。然而，向著更豐富的Web無情進軍的過程，也推動了另一種趨勢：每個應用程式下載的資料量也在持續穩步增長。為了提供強大的效能，我們需要最佳化每個位元組的載入！

一個現代Web應用程式，應該是什麼的樣子？ HTTP 檔案館可以幫我們回答這個問題。該項目通過定期抓取最受歡迎的網站（Alexa最熱百萬網站列表中的三十多萬個網站），來跟蹤Web的建設，同時記錄和匯總分析了每個目標網站的資源數、內容類型和其他中繼資料。

 

	50%的被測網站小於以下數值	75%的被測網站小於以下數值	90%的被測網站小於以下數值
HTML	13 KB	26 KB	54 KB
圖片	528 KB	1213 KB	2384 KB
JavaScript	207 KB	385 KB	587 KB
CSS	24 KB	53 KB	108 KB
其他	282 KB	308 KB	353 KB
總計	1054 KB	1985 KB	3486 KB

以上資料呈現了2013年1月到2014年1月間，熱門網站所需載入的資料位元組數的增長趨勢。當然，並不是每一個網站都以同樣的速度增長，或者要求載入同樣的資料量，我們也是因此而標出了幾個突出的分布範圍：第50（中位元）、第75，和第90百分位。

2014年初，處於中位元的網站需要進行75次串連請求，載入共1054 KB位元組的資料，這一需要載入的資料量（以及串連請求數）在上一年中以穩定的步伐增長著。這本身並不值得意外，但它確實帶來了重要的效能影響：的確，網速是越來越快了，但它在不同國家的增長速度並不一樣，而許多使用者仍受制於速度瓶頸和昂貴的網路套餐價格——尤其在移動端。

和傳統型應用程式不同，Web應用程式並不需要一個單獨的安裝過程：輸入網址，它們就被啟動和運行了——這是Web應用程式的一個關鍵特徵。但是，要做到這一步，我們經常需要載入幾十個、有時是幾百個各種資源，它們加起來可達幾兆字節的資料量，並且必須在幾百毫秒內融合起來，以實現我們想要的即時網絡體驗。

實現以這些要求為前提的即時網路體驗，是不小的壯舉，這就是為什麼最佳化內容的載入效率是至關重要的：消除不必要的下載，通過各種壓縮技術來最佳化資源的傳輸編碼，並利用快取來消除多餘的下載。

http://httparchive.org/

http://blog.jobbole.com/67702/