100KB 首頁挑戰開跑：更快載入，不犧牲設計
- 日期：2025-09-14
- 分類：怪獸日誌
100KB 首頁挑戰開跑：更快載入，不犧牲設計
我們要把首頁總傳輸量壓到 100KB 以內，同時保留品牌風格與可讀性。這篇說明挑戰做法與參與方式。
圖片瘦身 WebP / AVIF 精簡 CSS / JS 首屏優先 + 延遲載入
越快載入，越快看見你的重點。這次我們把目標設在 100KB，不是炫技，而是給在地店家與中小企業一套可複製的流程。
- 圖片與資產：尺寸剛好用、必要先載，其他 lazy-load。
- 樣式與字型：刪未用 CSS、精簡 JS；字型子集或系統字體。
- 首屏策略：預載關鍵資源、延後不重要模組、減少外部腳本。
- 可維護性：附資產規範與檢核表，之後更新不會反彈。
挑戰時間帶
- 第 1 週：健檢現況、鎖定首屏圖文與必要腳本。
- 第 2–3 週：圖片壓縮與替換、樣式與套件瘦身。
- 第 4 週：收尾與驗收（Lighthouse 與核心指標快照）。
我們怎麼衡量
首頁傳輸量（≤ 100KB）
請求數（≤ 25）
Largest Contentful Paint
參與方式
本次開放 3 個名額 免費首頁瘦身健檢（先到先審）。把你的網站連結與 3 個最在意的頁面 傳給我們即可。
這會不會讓畫面變陽春？
不會；我們保留品牌風格與版面層次，只清掉多餘體積與阻塞。
之後更新會不會胖回去？
會附「資產規範＋檢核表」，包含圖片尺寸與格式、壓縮建議、腳本載入原則，照著做就不易反彈。
我要準備什麼？
你的網站連結、三個最在意的頁面、品牌 Logo 與 1–2 張主視覺，其餘我們會一步步引導。