https://benzhub.github.io/tags/%E6%95%88%E8%83%BD/Recent content in 效能 on BenzHubHugozh-TWMon, 07 Sep 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/038-performance/Mon, 07 Sep 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/038-performance/<blockquote> <p><strong>效能最佳化</strong> 是把 <strong>TailwindCSS</strong> 專案從「能跑」推向「跑得又快又輕」的最後一哩路。在 v4,全新的 <strong>Oxide</strong> 引擎讓增量建構快到以微秒計,天生的 <strong>tree-shaking</strong> 搭配自動內容偵測,讓 production CSS 通常只有幾 KB。這一篇帶你把效能拆成三個面向——<strong>建構速度</strong>、<strong>CSS 檔案大小</strong>、<strong>執行期渲染</strong>,學會用 <code>@source</code> 精準掃描、量測產出大小、避開 safelist 膨脹,讓網站不只寫得快,也跑得快。</p> </blockquote>