DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 網頁體積的研究
網頁體積的研究
編輯:前端技巧     

  據統計,從2003年以來,網頁的平均體積已經增長了三倍。從2003年到2008年,網頁的平均體積從93.7K增至312K,增幅233%。同時,在這5年之內,網頁中的平均對象數量翻番,從25.7個增長到49.9個。結合更早的數據,從1995年以來,網頁平均尺寸已增長22倍,而網頁中平均對象數量也增長了21.7倍。
  
  2007年全球前1000個最受歡迎網頁的增長情況
  在過去的1年(從2006年12月到2007年12月),全球最受歡迎的1000個網頁體積平均增長24.2%,從250K 增長至310.4K,根據這個增長速度,到2008年末,這一數字可能超過385K。而網頁中的對象的數量增長了14.5%,從平均44.2個增長到50.6個。
  growth of average top 1000 home page 2007
  頁面響應時間趨勢
  從2003到2008,窄帶用戶(56K Modem 與 ISDN 用戶)要忍受頁面響應速度遲緩越來越嚴重。相反,寬帶用戶卻感受到逐漸改善的響應速度,從2006年2月的2.8秒到2008年2月的2.33秒。
  average kb40 web site performance over broadband from feb. 2006 to feb. 2008
  頁面構成元素的統計(2006年)
  Ryan Levering 和 Michal Cutler 在2006年對21500個非 Frame 型網頁進行了統計,發現,這些網頁平均包含474個單詞,281個 HTML 標簽,41個鏈接,其中有10個是站外鏈接,他們還發現,平均頁面高度為1440像素,是屏幕高度的兩倍,當頁面打開的時候,用戶看到最多的是圖形,而不是文字,圖形是網頁中最主要的對象,圖形是頁面打開速度緩慢的最主要因素。
  2007年的變化
  2007的類似統計發現,雖然 CSS 已經被廣泛采用,但仍有62.6%的頁面使用 table 布局,32.8%的網頁使用 font 標簽,然而,平均 table 嵌套深度和2006年比已經減半,從 2.95級 下降到1.47級。過分復雜的嵌套表格會降低頁面渲染速度。和2006年相比,2007年頁面中平均 HTML 元素數量翻番,從281個到592.6個。
  JavaScript 的使用情況
  2007年,84.8%的網頁使用了腳本,外部腳本的平均尺寸約為8K,壓縮後約為6K。總的腳本尺寸為68K,壓縮後為49K。外部腳本的平均數量為7個。
  CSS的使用情況
  在2007年的統計中,82.4%的網頁使用了鏈接標簽,54.5%的使用了式樣標簽(平均含2.27個 內部式樣標簽),外部式樣表的平均體積為6K, 壓縮後為4K,總式樣表的尺寸為15K,壓縮後為10K。
  圖片的使用情況
  2007年的統計顯示,91.6%的網頁使用了圖片,各種不同格式圖片的使用情況見下表。
  圖片格式  2006年  2007年
  GIF    77.9%   84.6%
  JPEG    55.8%   64.5%
  PNG    7.2%    32.2%
  BMP    0.8%    -
  多媒體內容的增長趨勢
  流媒體的使用幾乎按每年100%的速度增長,從2000年到2005年,流媒體文件的容量增長了600%,87%的流媒體內容在播放的前10秒內被用戶中斷,然而它們浪費了20%的服務器帶寬。統計還顯示,3%的流媒體為視頻,卻占用了98.6%的帶寬,10%最受歡迎的視頻來自 YouTube,搶占了80%的眼球。
  growth in web video duration over time
  1997年,90%的視頻都不超過45秒,而2005年,視頻的平均長度為120秒,到了2007年,長度增長為192.6秒,視頻的比特率從2005年的200K增長為2007年的328K(YouTube),因此,2007年末,視頻內容的平均尺寸為63M,在YouTube,平均尺寸為10M,每天新增的視頻文件為65000個。
  本文國際來源:http://www.websiteoptimization.com/speed/tweak/average-web-page/
  中文翻譯:COMSHARP CMS
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved