誠陽科技 / 網頁設計Size大小

平均網頁大小增加三倍

摘要：在過去五年中，平均大小的網頁增加了三倍多，而且數量少的外部網頁幾乎增加了一倍。雖然寬頻用戶遇到的稍快的響應時間，撥號上網用戶已被拋在後面。

自2003年以來網頁大小平均增加了三倍多。從 2003年到2008年的平均網頁數量從 93.7K成長到 312K（見圖 1）約233％。在這 5年期間，平均網頁數量幾乎翻了一倍，每頁從 25.7到49.9。長遠來說，統計顯示，自1995年以來的平均大小的網頁增加了22倍，而且這一數據每頁成長了21.7倍。

圖 1：平均網頁的增加

網頁分析：
一個網頁是由內部物件（container object ,CO）和外部物件（external objects ,EOS）所組成的。在CO通常是XHTML文件引用EOS，如圖片，音樂，視頻和外部的CSS和JavaScript文件。大多數非原文的EOS通常預先壓縮，所以你只看到HTTP壓縮在XHTML和一些CSS和JavaScript文件的益處。對於 60％以上的網頁，CO佔不到總頁面大小的50％，平均CO佔大約總頁面大小的44％。
因此，無論您如何有效率的XHTML優化和HTTP壓縮，最大的改進性能的網頁，你可以期望從 XHTML優化將低於 50％。對於一個 30萬網頁，平均而言，您還需要下載至少15萬的EOs，即使在優化和壓縮你的原文數據。你可以看到優化整個網頁為什麼這麼重要，包括多媒體，為了使巨大的性能提升。

前1000大網頁的成長

在過去幾年的網頁成長了24.2％，從 2006年12月至2007年12月，即從 250K到310.4K（見圖 2）。再2008年年底，這個網頁的平均成長速率將超過 385K。

圖 2：前1000大網頁的平均成長

網頁的數量成長了14.5％。2007年10月的一個調查中排名前50位的零售商發現，平均每個網頁的對象為 60.5。

響應時間趨勢 –頻寬的分裂

從 2003年至08年的網頁大小成長了三倍多和外部物件幾乎成長了兩倍。因此，窄頻用戶（速度56K和ISDN）經歷了緩慢的反應時間隨著時間的推移。相反地，寬頻用戶遇到的稍快的響應時間隨著時間的推移。對於寬頻用戶的平均下載時間已下降至2.8至2.33秒內。

圖 3：平均KB40網站對寬帶的性能

因此，增加平均寬頻的速率與增加大小和複雜性的平均網頁。這就是寬頻用戶期望更快的響應時間。然而，經歷了窄頻用戶較慢的響應時間為網頁大小的增加。

網頁平均的特徵

在2006年的調查的超過 21,500個無框架的網頁，Ryan Levering and Michal Cutler發現平均每個網頁所包含474字，281個HTML標記及41個連結，其中10個指示外部網域。他們發現，平均每個網頁是1440像素，高度約兩倍螢幕大小的高度。當平均網頁打開，更加了解用戶看到的圖形，而不是文字。圖形構成的大多數的平均網頁。

改變網頁的平均時間

儘管CSS的廣泛使用，2007年調查發現，62.6％的網頁仍然使用表格佈局及32.8％的人使用的字體標記為內建樣式。複雜的嵌套表可能會導致瀏覽器渲染的拖延，因為混亂的表格必須被解析並呈現在你的內容顯示。 2006年至2007年的調查中，HTML元素的網頁平均增加了一倍以上，每頁元素從 281增加到592.6。

使用JavaScript的平均網頁

在2007年的調查，84.8％的網頁使用script元素。平均大小的外部scripts是8845bytes而6302bytes被壓縮。總script大小是68812bytes而49738bytes被壓縮。平均外部script數量為7，其中6個是獨一無二的。

使用CSS的平均網頁

在2007年的調查，82.4％使用鏈接標記，54.5％使用了樣式標記（平均2.27樣式標記在內部使用）。平均外部樣式表的大小是6575bytes而4457bytes被壓縮。總平均15175bytes樣式大小而10347bytes被壓縮。

使用的圖像的平均網頁

2007年的調查發現，網頁中圖片使用了91.6％。自2006年，網頁中GIF的使用從77.9％上升至84.6％（見表 1）。網頁中JPEG的使用從55.8％上升至64.5％。網頁中PNG的使用從7.2％大大上升至32. 2％。網頁中BMP的使用為0.8％。BMP在這些檔案裡面可是相當大，因為通常沒有壓縮，應避免網路的使用。

圖像編碼	2006的比率	2007的比率
GIF	77.9％	84.6％
JPEG	55.8％	64.5％
PNG	7.2％	32.2％
BMP	0.8％	-

表1：圖像應用的平均網頁（2006年和2007年調查）

如果圖像的平均頁面被歸類一起，圖像的面積是49144像素，或221×221像素的尺寸（見圖 4）。

圖 4：平均聚集在圖形區的平均網頁

多媒體在網頁上的成長

使用影音串流媒體在網絡上每年增加了100％以上。從 2000年至2005年影音串流媒體的總量文件存儲在網路，成長超過 600％。超過 87％的影音串流媒體的用戶拋棄了前10秒，但是，浪費高達 20％的伺服器頻寬。雖然只有3％的伺服器反應視頻，他們占到98. 6％bytes的傳輸。大約10％的最流行的視頻在YouTube上佔近80％的觀點，使一個有吸引力的性能提升。

總體而言，視頻時間超過 30秒，約有 13％的家庭和40％的企業用戶體驗品質的退化與他們的影音串流媒體，造成重新緩衝，影音串流切換和視頻取消。對於會議的時間超過 300秒，結果更糟。隨著寬頻普及率的增加，影片已經擴大成長，位元比率和持續時間（見圖 5）。

圖 5：增長期的網絡視頻

1997年，90％的影片長度低於45秒。 2005年，影片約為 120秒長。到2007年，影片持續時間為一百九十二點六秒。影片位元速率增長的網路視頻從2005年的200kbps到2007年的328Kbps在YouTube上。因此，2007年年底，視頻權衡超過 63MB的文件大小。在YouTube上，視頻的平均大小是10MB，有超過65,000個新影片每天更新。

為什麼增加平均網頁？

Web 2.0技術，如Ajax無疑有助於增加人數每頁的物件，以及增加JavaScript文件的大小。從動態生成的網站內容管理系統通常沒有優化的手工調整的站點，往往結轉網站範圍的CSS，JavaScript和頁面組件的每個頁面上的網站。

同樣地寬頻越來越普及，網頁設計師創造了更詳細的設計，假設，一大部分的觀眾是寬頻，或完全忽略撥號用戶。

有些解決方案如下：

＊使用漸進增強提供一種通用的HTML頁面，增強覆蓋較有能力的瀏覽器。

＊提供高和低頻寬選擇。