隨著基礎設施的發展,我們的網路速度越來越快了,那你是否感受到網頁載入速度變快了呢?有沒有想過,網頁也在逐漸變得臃腫?根據HTTP Archive的報告,在調查了約50萬網頁後,他們發現每個網頁的平均容量稍小於2Mb,達到了1953Kb,比去年上升了15%。
當然,調查的網站不包括那邊複雜的網頁應用。去年,這一上升比例是32%,雖然今年幅度縮小,但同樣不令人樂觀。
多圖慎點
將網頁內容細分,我們還能了解各部分對網頁容量變化的影響。
從上表可以看出:
HTML內容增加了2Kb,數字不大,但能讓內容增加了不少。說好的減化和精煉的趨勢都是騙人的。
CSS增加了11Kb,響應性網頁設計和CSS3應該對此增加出了不少力,但JavaScript卻沒有減少。雖然現在有不少CSS管理和精減工具,但每個網站都會平均要求6個CSS檔案。
調查中仍有27%的網站使用Flash,主要用在廣告,影片和遊戲上,這比去年下降了5%,沒我們想像中多。
另一個貢獻最大的就是圖片了,佔了整個網頁容量的85%!雖然現在圖片的解析度越來越高,但Retina螢幕的裝置可僅佔一小部分,而且有許多工具都可以幫助減少圖片使用量。另外,有些網頁有超過50張圖片,這是不是太過人了!
不是好事
15%的成長與去年的32%,以及前年的30%比起來,似乎不多,但另一個問題是,平均頻寬有提升這麼快嗎?而且隨著行動網路的發展,現在有三分之一的使用者使用行動裝置造訪網頁,流量費怎麼辦?
對網站主來說,逐漸臃腫的網頁也並不是什麼好事:
用戶體驗變差。無論網站內容多好,載入慢,讓人等就是錯!
讓網頁達到2Mb,是想不管三分之一的行動端用戶嗎?
Google會降低網站評級,更不容易搜尋。 (當然Google從來沒說過具體操作過程)
程式碼越多,崩潰的可能性越大。
流量這麼大,真的不費錢?
原因?懶!
至於原因是什麼?有人猜測是CMS模板和框架使用過度,它們讓開發者能更快,更便宜地進行開發,但犧牲的是品質和效率。工具中包含了許多根本用不到的功能,但要把它們移除,卻是一件繁雜的工作。
另外,還有開發者預算緊張,開發時間有限等原因。不過,也有人總結成一個字:懶。
但至少,不關網頁瀏覽者什麼事。