改善網站效能：將 icon 轉為 font 字型
現代網站設計中充滿了各式各樣的 icon，若是自有品牌或產品，設計師更常會為了強化視覺一致性而客製一整套的 icon 圖示。
而從我們工程師的角度來看，icon 本質上就是一種圖片，既然是圖片的一種形式，當 icon 使用量一多，自然就會牽涉到與圖片相同的效能問題。為什麼 icon 太多會影響效能？
為什麼 icon 太多會影響效能？
通常 icon 是以圖片檔案（例如： SVG 或 PNG ）呈現，若網站載入時每個 icon 圖示都會觸發一個 HTTP Request，不僅延長載入時間，一次大量圖片載入會增加 Render 渲染時間或主執行緒負擔。
別忘了，Client Browser 的 JavaScript 執行是單執行緒，無論是同步或非同步操作，本質上都還是在爭奪主執行緒資源。如果沒有另外開啟 Web Worker，圖片的下載、解析與渲染過程都會壓在主執行緒上，