你有沒(méi)有感覺(jué)網(wǎng)頁(yè)越來(lái)越臃腫了？

隨著基礎(chǔ)設(shè)施的發(fā)展，我們的網(wǎng)速是越來(lái)越快了，那你是否感受到網(wǎng)頁(yè)加載速度變快了呢？有沒(méi)有想過(guò)，網(wǎng)頁(yè)也在逐漸變臃腫？根據(jù)HTTP Archive的報(bào)告，在調(diào)查了約50萬(wàn)網(wǎng)頁(yè)后，他們發(fā)現(xiàn)每個(gè)網(wǎng)頁(yè)的平均容量稍小于2Mb，達(dá)到了1953Kb，比去年上升了15%。

當(dāng)然，調(diào)查的網(wǎng)站不包括那邊復(fù)雜的網(wǎng)頁(yè)應(yīng)用。去年，這一上升比例是32%，雖然今年幅度縮小，但同樣不令人樂(lè)觀(guān)。

多圖慎點(diǎn)

將網(wǎng)頁(yè)內(nèi)容細(xì)分，我們還能了解各部分對(duì)網(wǎng)頁(yè)容量變化的影響。

從上表可以看出：

• HTML內(nèi)容增加了2Kb，數(shù)字不大，但能讓內(nèi)容增加了不少。說(shuō)好的減化和精煉的趨勢(shì)都是騙人的。

• CSS增加了11Kb，響應(yīng)性網(wǎng)頁(yè)設(shè)計(jì)和CSS3應(yīng)該對(duì)這一增加出了不少力，但JavaScript卻沒(méi)有減少。雖然現(xiàn)在有不少CSS管理和精減工具，但每個(gè)網(wǎng)站都會(huì)平均請(qǐng)求6個(gè)CSS文件。

• 調(diào)查中仍有27%的網(wǎng)站使用Flash，主要用在廣告，視頻和游戲上，這比去年下降了5%，沒(méi)我們想像中多。

• 另一項(xiàng)貢獻(xiàn)最大的就是圖片了，占了整個(gè)網(wǎng)頁(yè)容量的85%！雖然現(xiàn)在圖片的分辨率越來(lái)越高，但Retina屏的設(shè)備可僅占一小部分，而且有很多工具都可以幫助減少圖片使用量。另外，有些網(wǎng)頁(yè)有超過(guò)50張圖片，這是不是太過(guò)人了！

不是好事

15%的增長(zhǎng)與去年的32%，以及前年的30%比起來(lái)，似乎不多，但另一個(gè)問(wèn)題是，平均帶寬有提升這么快嗎？而且隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，現(xiàn)在有三分之一的用戶(hù)使用移動(dòng)設(shè)備訪(fǎng)問(wèn)網(wǎng)頁(yè)，流量費(fèi)怎么辦？

對(duì)網(wǎng)站主來(lái)說(shuō)，逐漸臃腫的網(wǎng)頁(yè)也并不是什么好事：

• 用戶(hù)體驗(yàn)變差。無(wú)論網(wǎng)站內(nèi)容多好，加載慢，讓人等就是錯(cuò)！

• 讓網(wǎng)頁(yè)達(dá)到2Mb，是想不管三分之一的移動(dòng)端用戶(hù)嗎？
  

• Google會(huì)降低網(wǎng)站評(píng)級(jí)，更不容易搜索到。（當(dāng)然Google從沒(méi)說(shuō)過(guò)具體操作過(guò)程）

• 代碼越多，崩潰的可能性越大。

• 流量這么大，真的不費(fèi)錢(qián)？

原因？懶！

至于原因是什么？有人猜測(cè)是CMS模板和框架使用過(guò)度，它們讓開(kāi)發(fā)者能更快，更便宜地進(jìn)行開(kāi)發(fā)，但犧牲的是質(zhì)量和效率。工具中包含了許多根本用不到的功能，但要把它們移除，卻是一件繁雜的工作。

另外，還有開(kāi)發(fā)者預(yù)算緊張，開(kāi)發(fā)時(shí)間有限等原因。不過(guò)，也有人總結(jié)成一個(gè)字：懶。

但至少，不關(guān)網(wǎng)頁(yè)瀏覽者什么事。

via httparchive

雷峰網(wǎng)原創(chuàng)文章，未經(jīng)授權(quán)禁止轉(zhuǎn)載。詳情見(jiàn)轉(zhuǎn)載須知。