未使用的 CSS 規則堆積：Coverage 面板盤點與清理流程
品牌網站在秋季檔期前常頻繁調整視覺樣式，舊的 CSS 選擇器若未清除會增加檔案體積。透過瀏…
閱讀文章：未使用的 CSS 規則堆積：Coverage 面板盤點與清理流程效能、行動體驗與渲染
DOM 深度與節點數量超標：嵌套層級盤點流程
換季改版時若不斷在既有容器內包裹新區塊，容易造成 DOM 樹過深。透過 Lighthous…
閱讀文章：DOM 深度與節點數量超標：嵌套層級盤點流程自訂字體閃爍與阻塞：font-display 設定盤點流程
引入自訂字型若未設定 font-display，文字渲染會被阻擋直到檔案下載完成。透過檢查…
閱讀文章：自訂字體閃爍與阻塞：font-display 設定盤點流程第三方追蹤腳本拖慢互動：defer 與 async 標籤盤點
開學季後新增的聊天機器人或分析代碼若直接塞在 head 且未加延遲屬性，會拉長 TBT。盤…
閱讀文章：第三方追蹤腳本拖慢互動：defer 與 async 標籤盤點圖片缺少寬高屬性導致版面位移：排查與補齊流程
img 標籤若未寫明 width 與 height，瀏覽器無法預留空間，載入時易產生 CL…
閱讀文章：圖片缺少寬高屬性導致版面位移：排查與補齊流程