CSS Performance 效能優化

提升 CSS 效能的主要目的是加快網站載入速度、降低重新渲染成本、改善使用者體驗，並確保樣式結構具備可維護性與可擴展性。透過合理的選擇器設計、樣式管理與建構流程，可有效優化前端效能。

縮寫表示法

將多個 CSS 屬性合併成一行，減少程式碼量、提升可讀性與效能。

檔案最小化

移除 CSS 中的空白、註解與換行，縮小檔案體積，加快載入速度。

檔案的下載

將 CSS 放在獨立檔案中，透過 <link> 引入，可讓瀏覽器快取 CSS，並支援平行載入資源，效能比 @import 更佳。

CSS Sprite

把多張小圖合併成一張圖，用 background-position 顯示對應區塊，減少 HTTP 請求數量、提升載入效能。