網站的肥胖症危機

阮一峰發表於2016-01-03

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

它是上個月,Maciej Ceglowski在澳大利亞的一次演講,名為《網站的肥胖症危機》(文字視訊),反思了網際網路開發的現狀。

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

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

===============================

網站的肥胖症危機(節譯版)

作者:Maciej Ceglowski

譯者:阮一峰

原文網址:The Website Obesity Crisis

1.

大多數網站的主要內容是文字,更準確地說,是簡短的文字。

文字本身並不大,但是展示它們的網頁,正變得越來越大。Twitter展示單條評論(140個字元)的頁面,超過900KB。Medium的一篇文章大約400個詞,頁面大小是1.2MB。

如果這種趨勢持續下去,2020年,網頁的體積平均將超過5MB,比一本俄羅斯長篇小說還大。比如,陀思妥耶夫斯基的《罪與罰》,文字壓縮後不到800KB。

TechTimes.com有一篇報導,介紹Google正在為大網頁做標記。但是,這篇報導的網頁,體積為18MB,外加一個3MB的視訊。

2015年5月,Facebook引入了"Instant Articles",幫助使用者快速瀏覽新聞。但是,介紹這個功能的頁面,體積為6.8MB,外加一個41MB的視訊。你想了解這個功能的細節,唯一的方法就是去看這個視訊。

2.

網頁真的有必要這麼大嗎?明明200KB就足夠,為什麼要做成2MB?

因為我們要往裡面塞很多不需要的東西:廣告、高清圖片、視訊、使用者追蹤系統、社交媒體的程式碼......你不塞,公司就可能解僱你。

如今的時代,你跟僱主說,想做一張體積只有幾百KB的網頁,就好像跟SUV車主談論省油的經濟型轎車。

有人會說,這是免費內容的代價。但是,我想問,誰會從海量的網際網路廣告獲利?廣告主,還是消費者?真正獲得暴利的是網路服務提供商和網際網路廣告公司,其他人都付出了巨大的成本。

3.

我們都忘了健康的網頁,應該是什麼樣子。

  • 值得閱讀的文字,配上結構良好的標籤。
  • 適度的圖片和視覺設計。
  • 一層CSS
  • 少量的JavaScript,只在必需時使用

但是,2015年真實的網頁,卻是下面這樣。

  • 一層HTML
  • 一大堆垃圾
  • 頂部還有一層監控程式碼

4.

寬頻和光纖上網並不解決問題,實際上還鼓勵了人們往網頁上新增更多的東西。

為了平衡網頁體積,工程師想出了很多方法:首屏快速渲染、壓縮檔案、非同步載入、批量HTTP請求、管道傳送等等......

網站開發越來越依賴程式碼精簡、壓縮、快取、伺服器配置這些中間步驟,這使得找出錯誤越來越困難,成本越來越高。

5.

複雜性讓聰明人上癮。

即使我們知道複雜不是好事,但難以抵抗。複雜的東西總是顯得很酷,讓人情不自禁想繼續幹下去。

大多數網站都過度複雜了。

我們做的每件事,都使得創造網站或編輯網頁變得困難。把一篇文章放上網,正在變得需要一個專家團隊才能完成。

新手越來越難通過原始碼學習。我們抽走了人們學習網際網路的梯子。

6.

其實只需要兩步,就可以大大縮小網頁體積,提高效能。

第一步,確保最重要的內容,首先下載和渲染;

第二步,就此結束。

你不需要那些多餘的垃圾,對最簡主義保持信心就行。

7.

讓我們保持網際網路是一個超連結構成的媒體,不要把它變成另一種東西。

(完)

相關文章