盡管做網站好多年了，但一直忽視favicon.ico這個圖標，也許大家設置favicon.ico的目的，是為了在瀏覽器上顯示時更好看點，更能個性化網站，但我認為沒有這個必要。不過，今天我要說的是，我之前的看法是不對的，任何網站都應該設置一個favicon.ico圖標，不是為了好看，也不是為了個性化，而是為了優化網站速度。

為什么今天說在網站上設置了favicon.ico，就可以優化網站速度呢？難道服務器缺少favicon.ico就影響網站速度嗎？答案是肯定。

Yahoo：減小favicon.ico體積和緩存favicon.ico

在Yahoo的網站速度優化建議里，有一條是：減小favicon.ico體積和緩存favicon.ico。它是怎么解釋的呢？看看那Yahoo的解釋：

favicon.ico是一個放在服務器根目錄的圖片，這是必需的，因為即使你不關心它但是瀏覽器一樣會請求它，所以最好不要響應“404未找到”。
另外，由于它放在相同的服務器上，每次它被請求的時候，都會發送cookies。
這張圖標也會干擾下載順序，例如在IE中，當在onload時你請求額外的組件，favicon將先于這些額外組件下載。

所以為了減輕favicon.ico帶來的弊端，請確保：
它是小體積的，最好在1K以內。

使用你覺得合適的方法設置過期標頭（因為當你要改變它時你不能重命名它），你可以安全地設置過期標頭為幾個月的時間，你可以檢測你現在的favicon.ico的最后修改時間以做出合適的決定。

Imagemagick能幫助你創建一個小體積的圖標。

卡卡網站速度診斷：缺少favicon.ico響應404錯誤

在卡卡網的網站速度診斷（http://pagespeed.webkaka.com/）里，如果網站缺少favicon.ico圖標，那么就返回一條404的錯誤提示。

缺少favicon.ico響應404錯誤（點擊圖片放大）

缺少favicon.ico響應404錯誤，符合Yahoo的優化規則，而響應404的錯誤提示，勢必會影響網站的速度，在上圖中，我們清楚的看到，瀏覽器請求favicon.ico時等待時間用了62ms。在Google的網站速度優化建議中，也提到“去掉錯誤的請求”，因為“錯誤的請求會增加請求時間，應盡量避免”。

標簽: 網站優化