網(wǎng)站的肥胖癥危機(jī)
2019-03-26 來(lái)源：阮一峰博客
作者： 阮一峰 日期： 2016年1月 3日
最近，有一篇文章正在瘋傳。
它是上個(gè)月，Maciej Ceglowski在澳大利亞的一次演講，名為《網(wǎng)站的肥胖癥危機(jī)》，反思了互聯(lián)網(wǎng)開(kāi)發(fā)的現(xiàn)狀。
該文非常值得一讀，Hacker News排行榜高居榜首，得到了1000多人的推薦。
下面就是我的中文節(jié)譯版。
網(wǎng)站的肥胖癥危機(jī)（節(jié)譯版）
作者：Maciej Ceglowski 譯者：阮一峰
原文網(wǎng)址：The Website Obesity Crisis
1.大多數(shù)網(wǎng)站的主要內(nèi)容是文本，更準(zhǔn)確地說(shuō)，是簡(jiǎn)短的文本。
文本本身并不大，但是展示它們的網(wǎng)頁(yè)，正變得越來(lái)越大。Twitter展示單條評(píng)論（140個(gè)字符）的頁(yè)面，超過(guò)900KB。Medium的一篇文章大約400個(gè)詞，頁(yè)面大小是1.2MB。
如果這種趨勢(shì)持續(xù)下去，2020年，網(wǎng)頁(yè)的體積平均將超過(guò)5MB，比一本俄羅斯長(zhǎng)篇小說(shuō)還大。比如，陀思妥耶夫斯基的《罪與罰》，文本壓縮后不到800KB。
TechTimes.com有一篇報(bào)道，介紹Google正在為大網(wǎng)頁(yè)做標(biāo)記。但是，這篇報(bào)道的網(wǎng)頁(yè)，體積為18MB，外加一個(gè)3MB的視頻。
2015年5月，F(xiàn)acebook引入了"Instant Articles"，幫助用戶快速瀏覽新聞。但是，介紹這個(gè)功能的頁(yè)面，體積為6.8MB，外加一個(gè)41MB的視頻。你想了解這個(gè)功能的細(xì)節(jié)，唯一的方法就是去看這個(gè)視頻。
2.網(wǎng)頁(yè)真的有必要這么大嗎？明明200KB就足夠，為什么要做成2MB？
因?yàn)槲覀円锩嫒芏嗖恍枰臇|西：廣告、高清圖片、視頻、用戶追蹤系統(tǒng)、社交媒體的代碼......你不塞，公司就可能解雇你。
如今的時(shí)代，你跟雇主說(shuō)，想做一張?bào)w積只有幾百KB的網(wǎng)頁(yè)，就好像跟SUV車主談?wù)撌∮偷慕?jīng)濟(jì)型轎車。
有人會(huì)說(shuō)，這是免費(fèi)內(nèi)容的代價(jià)。但是，我想問(wèn)，誰(shuí)會(huì)從海量的互聯(lián)網(wǎng)廣告獲利？廣告主，還是消費(fèi)者？真正獲得暴利的是網(wǎng)絡(luò)服務(wù)提供商和互聯(lián)網(wǎng)廣告公司，其他人都付出了巨大的成本。
3.我們都忘了健康的網(wǎng)頁(yè)，應(yīng)該是什么樣子。
- 值得閱讀的文本，配上結(jié)構(gòu)良好的標(biāo)簽。
- 適度的圖片和視覺(jué)設(shè)計(jì)。
- 一層CSS
- 少量的JavaScript，只在必需時(shí)使用
但是，2015年真實(shí)的網(wǎng)頁(yè)，卻是下面這樣。
- 一層HTML
- 一大堆垃圾
- 頂部還有一層監(jiān)控代碼
4.寬帶和光纖上網(wǎng)并不解決問(wèn)題，實(shí)際上還鼓勵(lì)了人們往網(wǎng)頁(yè)上添加更多的東西。
為了平衡網(wǎng)頁(yè)體積，工程師想出了很多方法：首屏快速渲染、壓縮文件、異步加載、批量HTTP請(qǐng)求、管道發(fā)送等等......
網(wǎng)站開(kāi)發(fā)越來(lái)越依賴代碼精簡(jiǎn)、壓縮、緩存、服務(wù)器配置這些中間步驟，這使得找出錯(cuò)誤越來(lái)越困難，成本越來(lái)越高。
5.復(fù)雜性讓聰明人上癮。
即使我們知道復(fù)雜不是好事，但難以抵抗。復(fù)雜的東西總是顯得很酷，讓人情不自禁想繼續(xù)干下去。
大多數(shù)網(wǎng)站都過(guò)度復(fù)雜了。
我們做的每件事，都使得創(chuàng)造網(wǎng)站或編輯網(wǎng)頁(yè)變得困難。把一篇文章放上網(wǎng)，正在變得需要一個(gè)專家團(tuán)隊(duì)才能完成。
新手越來(lái)越難通過(guò)源碼學(xué)習(xí)。我們抽走了人們學(xué)習(xí)互聯(lián)網(wǎng)的梯子。
6.其實(shí)只需要兩步，就可以大大縮小網(wǎng)頁(yè)體積，提高性能。
第一步，確保最重要的內(nèi)容，首先下載和渲染；
第二步，就此結(jié)束。
你不需要那些多余的垃圾，對(duì)最簡(jiǎn)主義保持信心就行。
7.讓我們保持互聯(lián)網(wǎng)是一個(gè)超鏈接構(gòu)成的媒體，不要把它變成另一種東西。
標(biāo)簽： 網(wǎng)站大小 網(wǎng)站加載速度 網(wǎng)站優(yōu)化
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。
