為什麼大型網站用奇異的CSS

Why do big websites use such weird CSS?

原文出處

https://www.quora.com/Why-do-big-websites-use-such-weird-CSS

原提問者認為CSS*應該是格式化而且好讀，為什麼大型網站像是Facebook, Instagram, 或Youtube的原始碼卻是沒有排版或者用奇怪的變數名。

首先先來用Chrome驗證一下Facebook的原始碼，在進入Facebook後在頁面空白處按右鍵即有以下選單，中文名稱應為檢視原始碼(View Page Source)

Chrome中檢視原始碼(Source Code)

立馬出現又擠又黏的程式碼們

完全不斷行的source

裡面的變數看起來毫無任何規則可言

奇奇怪怪的變數名稱

解答者們提供不少 這些頁面的產生方式或技術上的理由，比如會透過一些套件像是minifier處理，或是其它方式避免變數重複命名而造成意外的行為。

其中商業上的理由特別引起注意，這類網站由於擁有相當大的流量，在傳輸若減少一個byte，乘上瀏覽人次(Facebook平均一天有15億人使用)，也就是1byte*1500000000=1.5TB，等於省下了1.5TB的流量。

再以以AWS API Gateway計量方式來做個初估，1.5TB=1500GB*$0.09/GB=$135
大概是四千塊台幣，相當於初中階主管的日薪。

AWS API Gateway 傳輸費率

做為一個夾在技術人員及業務間的PM，看到技術上的一點小改進能帶來可觀的效率還蠻興奮的，若技術人員在開發或改善能想一些商業上的價格，相信在溝通上能更有說服力。

*CSS: Cascading Style Sheets，像是網站的衣服，當瀏覽器看到這些程式碼就會翻譯並呈現網站的外觀部分，像是顏色，背景，按鈕大小等等