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

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

多圖慎點(diǎn)

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

從上表可以看出：

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

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

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

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

不是好事

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

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

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

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

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

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

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

原因？懶！

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

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

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

via httparchive

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