精品主題,實戰(zhàn)科普,最新行業(yè)熱點話題,隨時掌握云上咨訊。
隨著基礎設施的發(fā)展,我們的網(wǎng)速是越來越快了,那你是否感受到網(wǎng)頁加載速度變快了呢?有沒有想過,網(wǎng)頁也在逐漸變臃腫?根據(jù)HTTP Archive的報告,在調(diào)查了約50萬網(wǎng)頁后,他們發(fā)現(xiàn)每個網(wǎng)頁的平均容量稍小于2Mb,達到了1953Kb,比去年上升了15%。
當然,調(diào)查的網(wǎng)站不包括那邊復雜的網(wǎng)頁應用。去年,這一上升比例是32%,雖然今年幅度縮小,但同樣不令人樂觀。
多圖慎點
將網(wǎng)頁內(nèi)容細分,我們還能了解各部分對網(wǎng)頁容量變化的影響。
從上表可以看出:
HTML內(nèi)容增加了2Kb,數(shù)字不大,但能讓內(nèi)容增加了不少。說好的減化和精煉的趨勢都是騙人的。
CSS增加了11Kb,響應性網(wǎng)頁設計和CSS3應該對這一增加出了不少力,但JavaScript卻沒有減少。雖然現(xiàn)在有不少CSS管理和精減工具,但每個網(wǎng)站都會平均請求6個CSS文件。
調(diào)查中仍有27%的網(wǎng)站使用Flash,主要用在廣告,視頻和游戲上,這比去年下降了5%,沒我們想像中多。
另一項貢獻最大的就是圖片了,占了整個網(wǎng)頁容量的85%!雖然現(xiàn)在圖片的分辨率越來越高,但Retina屏的設備可僅占一小部分,而且有很多工具都可以幫助減少圖片使用量。另外,有些網(wǎng)頁有超過50張圖片,這是不是太過人了!
不是好事
15%的增長與去年的32%,以及前年的30%比起來,似乎不多,但另一個問題是,平均帶寬有提升這么快嗎?而且隨著移動互聯(lián)網(wǎng)的發(fā)展,現(xiàn)在有三分之一的用戶使用移動設備訪問網(wǎng)頁,流量費怎么辦?
對網(wǎng)站主來說,逐漸臃腫的網(wǎng)頁也并不是什么好事:
用戶體驗變差。無論網(wǎng)站內(nèi)容多好,加載慢,讓人等就是錯!
讓網(wǎng)頁達到2Mb,是想不管三分之一的移動端用戶嗎?
Google會降低網(wǎng)站評級,更不容易搜索到。(當然Google從沒說過具體操作過程)
代碼越多,崩潰的可能性越大。
流量這么大,真的不費錢?
原因?懶!
至于原因是什么?有人猜測是CMS模板和框架使用過度,它們讓開發(fā)者能更快,更便宜地進行開發(fā),但犧牲的是質(zhì)量和效率。工具中包含了許多根本用不到的功能,但要把它們移除,卻是一件繁雜的工作。
另外,還有開發(fā)者預算緊張,開發(fā)時間有限等原因。不過,也有人總結(jié)成一個字:懶。
但至少,不關網(wǎng)頁瀏覽者什么事。