隨着基礎設施的發展,我們的網速是越來越快了,那您是否感受到網頁載入速度變快了呢? 有沒有想過,網頁也在逐漸變臃腫? 根據 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 模板和框架使用過度,它們讓開發者能更快,更便宜地進行開發,但犧牲的是質量和效率。工具中包含了許多根本用不到的功能,但要把它們移除,卻是一件繁雜的工作。
另外,還有開發者預算緊張,開發時間有限等原因。不過,也有人總結成一個字:懶。
但至少,不關網頁瀏覽者什麼事。