速度變慢：先做圖片與快取的基本面

問題

• 圖片上傳就用原檔：首頁或列表一次載很多張，流量與時間都被吃掉。
• 快取策略混亂：有些該快取的沒快取，有些不該快取的（含狀態頁）被快取。
• 前端資源阻塞：CSS/JS 載入順序不佳，造成首屏延遲。

判斷

• 先分清楚：慢在「網路/檔案」還是慢在「後端運算」。
• 先做不動核心程式的改善：圖片、快取、靜態資源。
• 避免副作用：登入/購物車/後台等狀態頁快取要特別小心。

方案

• 圖片尺寸規範：上傳後產生多尺寸，前台依位置載入合適尺寸。
• 壓縮與格式：調整品質、優先使用更適合的格式（視情況），降低體積。
• 快取分層：靜態資源長快取、HTML 依頁面屬性設 TTL；狀態頁明確 bypass。
• 載入順序：非必要 JS 延後、關鍵 CSS 優先，避免首屏被阻塞。

交付

• 圖片處理規格：尺寸、檔案大小上限、命名與清理策略。
• 快取規則清單：哪些可快取、哪些必須 bypass（含理由）。
• 效能檢查清單：每次上線後基本檢查項，避免越改越慢。