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