[Firefox] 消失的記憶體

最近消失的十億很熱門，但跟主題無關係，雖然電腦上用掉十億很簡單(1GB=1,073,741,824 bytes）。在 Firefox 的網址列打 about:cache，可以看到 memory 和 disk 的 cache 容量和消耗。 一定會有人好奇，怎麼 memory cache 的 Maximum storage size 是 5000 KiB（這是我設的，因個人設定或電腦記憶體容量而定），結果 Storage in use 反而比 Maximum 還大。如果是 disk 部份就正常，不會超過 Maximum storage size。這個原因是，記憶體的 cache 有部份會存放的是「解壓縮」後的圖片，例如 jpeg、png 這類解開通常容量都不小。所以實際上 memory cache 的檔案可能沒有超過 5000 KiB，但是 cached 未壓縮圖片檔容量卻已經超過這個容量。點選如圖片上面的 List Cache Entries 就會列出每個詳細資料，我的範例如下，一定會有人好奇例如 http://css.funp.com/base/css/v3/nt.png 這個不是照片的圖檔有 3,840,000 bytes，約 3.66MB。第二個 http://css.funp.com/base/css/_4939/B0.png 也不遑多讓，有近 3MB 的空間。實際上，第一個 nt.png 檔案只有 44.33 KB (45392 bytes) 這麼大，但是解析度是 400px × 2400px，也就是 400×2400×4 (32bits color) = 3,840,000 bytes，沒錯，就是上面的大小。只要有 10 個類似的東西，加上 firefox 本身程式內部用量，消耗的記憶體馬上破百不是問題。
當然這是拜 CSS 之賜，可以用 clip 的方式來選擇顯示範圍的圖片，這樣好處當然是瀏覽器只要 cache 一個小圖檔（壓縮後不大），也減少 http server request 和檢查 expire 次數。所以網頁中看到很多用到小圖的地方，可能是圖檔中不同的部位去選擇要呈現的範圍。但是，事實上，圖片上蠻多空白（不會用到）的地方，當然這些空白的地方，電腦還是要花記憶體的空間去儲存地。
後記：為啥拿 funp.com 上面的 background png 來舉例？因為，剛好大小榮登上面排行榜前幾位，純屬巧合 :P。