習慣在手機端瀏覽網頁的童鞋一定對“多圖流量預警”這幾個字並不新鮮。不過HTTP Archive 最新的數據顯示,不僅僅是多圖殺貓,普通網頁的平均大小已經超過2MB。

HTTP Archive 分析了世界上最受歡迎的50 萬個網站,得出的網頁平均大小為2.1MB,這個數字是三年前的兩倍。

從字節數來看,圖片佔比最高,平均占到網頁總字節數的63%,javascript 占到16%,視頻佔10%,字體佔5%,CSS 和HTML 各佔3%。

從各部分元素增長速度來看,在過去一年中增長最多的是CSS 和圖片。得益於html 5 和響應式設計的流行,CSS 的使用在過去一年中增長了24%,JavaScript 的使用並沒有減少,Flash 的使用正在下降。

隨著圖片、視頻、互動元素在網頁中的比重日益增加,網頁正在變得越來越臃腫。這或許是不可避免的:在這個看臉的世界裡,網站“顏值”的重要性不言而喻,而多媒體內容消費的需求也在迅速增長。

雖然網絡帶寬和處理器性能也在隨之提升,但網頁設計者必須意識到,他們的網頁很可能在未升級的設備和帶寬有限的網絡上加載緩慢,而且隨著用戶的注意力的進一步分散,網頁的加載速度將是留住用戶的關鍵之一。

對許多網頁和app 設計者來說,如何巧妙地設計loading (加載中)頁面已經成為讓用戶駐留的重要因素之一。

此外,讓網頁能夠適配不同的屏幕和場景也是開發者應該考慮的因素。比如Facebook就為了爭搶發展中國家的“下十億用戶”,推出了在糟糕的網絡環境下也能使用的輕量級的版本Facebook Lite。