網站的肥胖癥危機

最近，有一篇文章正在瘋傳。

它是上個月，Maciej Ceglowski在澳大利亞的一次演講，名為《網站的肥胖癥危機》（ 文本 ， 視頻 ），反思了互聯網開發的現狀。

該文非常值得一讀， Hacker News 排行榜高居榜首，得到了1000多人的推薦。

下面就是我的中文節譯版。

<p>
    ===============================
</p>
<h2>
    網站的肥胖癥危機（節譯版）
</h2>
<p>
    作者：Maciej Ceglowski
</p>
<p>
    譯者：阮一峰
</p>
<p>
    原文網址： <a href="/misc/goto?guid=4958976706519345320" target="_blank">The Website Obesity Crisis</a> 
</p>
<p>
    <img alt="網站的肥胖癥危機" src="https://simg.open-open.com/show/954df806864f18d71d9a90b43f5f87c3.jpg" width="600" height="338" /> 
</p>
<p>
    1.
</p>
<p>
    大多數網站的主要內容是文本，更準確地說，是簡短的文本。
</p>
<p>
    文本本身并不大，但是展示它們的網頁，正變得越來越大。推ter展示單條評論（140個字符）的頁面，超過900KB。Medium的一篇文章大約400個詞，頁面大小是1.2MB。
</p>
<p>
    如果這種趨勢持續下去，2020年，網頁的體積平均將超過5MB，比一本俄羅斯長篇小說還大。比如，陀思妥耶夫斯基的《罪與罰》，文本壓縮后不到800KB。
</p>
<p>
    TechTimes.com有一篇報道，介紹Google正在為大網頁做標記。但是，這篇報道的網頁，體積為18MB，外加一個3MB的視頻。
</p>
<p>
    2015年5月，非死book引入了"Instant Articles"，幫助用戶快速瀏覽新聞。但是，介紹這個功能的頁面，體積為6.8MB，外加一個41MB的視頻。你想了解這個功能的細節，唯一的方法就是去看這個視頻。
</p>
<p>
    2.
</p>
<p>
    網頁真的有必要這么大嗎？明明200KB就足夠，為什么要做成2MB？
</p>
<p>
    因為我們要往里面塞很多不需要的東西：廣告、高清圖片、視頻、用戶追蹤系統、社交媒體的代碼......你不塞，公司就可能解雇你。
</p>
<p>
    如今的時代，你跟雇主說，想做一張體積只有幾百KB的網頁，就好像跟SUV車主談論省油的經濟型轎車。
</p>
<p>
    有人會說，這是免費內容的代價。但是，我想問，誰會從海量的互聯網廣告獲利？廣告主，還是消費者？真正獲得暴利的是網絡服務提供商和互聯網廣告公司，其他人都付出了巨大的成本。
</p>
<p>
    3.
</p>
<p>
    我們都忘了健康的網頁，應該是什么樣子。
</p>
<div>
    <ul>
        <li>
            值得閱讀的文本，配上結構良好的標簽。
        </li>
        <li>
            適度的圖片和視覺設計。
        </li>
        <li>
            一層CSS
        </li>
        <li>
            少量的JavaScript，只在必需時使用
        </li>
    </ul>
</div>
<p>
    但是，2015年真實的網頁，卻是下面這樣。
</p>
<div>
    <ul>
        <li>
            一層HTML
        </li>
        <li>
            一大堆垃圾
        </li>
        <li>
            頂部還有一層監控代碼
        </li>
    </ul>
</div>
<p>
    4.
</p>
<p>
    寬帶和光纖上網并不解決問題，實際上還鼓勵了人們往網頁上添加更多的東西。
</p>
<p>
    為了平衡網頁體積，工程師想出了很多方法：首屏快速渲染、壓縮文件、異步加載、批量HTTP請求、管道發送等等......
</p>
<p>
    網站開發越來越依賴代碼精簡、壓縮、緩存、服務器配置這些中間步驟，這使得找出錯誤越來越困難，成本越來越高。
</p>
<p>
    5.
</p>
<p>
    復雜性讓聰明人上癮。
</p>
<p>
    即使我們知道復雜不是好事，但難以抵抗。復雜的東西總是顯得很酷，讓人情不自禁想繼續干下去。
</p>
<p>
    大多數網站都過度復雜了。
</p>
<p>
    我們做的每件事，都使得創造網站或編輯網頁變得困難。把一篇文章放上網，正在變得需要一個專家團隊才能完成。
</p>
<p>
    新手越來越難通過源碼學習。我們抽走了人們學習互聯網的梯子。
</p>
<p>
    6.
</p>
<p>
    其實只需要兩步，就可以大大縮小網頁體積，提高性能。
</p>
<div>
    <p>
        第一步，確保最重要的內容，首先下載和渲染；
    </p>
    <p>
        第二步，就此結束。
    </p>
</div>
<p>
    你不需要那些多余的垃圾，對最簡主義保持信心就行。
</p>
<p>
    7.
</p>
<p>
    讓我們保持互聯網是一個超鏈接構成的媒體，不要把它變成另一種東西。
</p>
<p>
    （完）
</p>

</div>

來自： http://www.ruanyifeng.com/blog/2016/01/website-obesity-crisis.html