外觀
前台效能
來源：前台效能
需要注意
- Mobile Performance 最差值 22，低於 50
- Mobile LCP 最差值 34.4s，超過 4s
- Desktop LCP 最差值 6.5s，超過 4s
- Mobile CLS 最差值 1，超過 0.25
共 4 項 — 2 高 / 2 中
Mobile Performance
- 問題：Mobile Performance 最差值 22，低於 50
- 原因：頁面載入過多未最佳化資源（圖片、JS、CSS），或伺服器回應過慢
- 建議：壓縮圖片、延遲載入非關鍵 JS、啟用快取、減少 render-blocking 資源
- 影響：此項影響等級：高
- 驗收：Mobile Performance ≥ 50
Mobile LCP
- 問題：Mobile LCP 最差值 34.4s，超過 4s
- 原因：LCP 元素（通常是大圖或影片）載入過慢
- 建議：最佳化 LCP 元素：壓縮圖片、使用 WebP、預載入關鍵資源
- 影響：此項影響等級：高
- 驗收：LCP < 2.5s（良好）或 < 4s（需改善）
Desktop LCP
- 問題：Desktop LCP 最差值 6.5s，超過 4s
- 原因：桌面版 LCP 元素載入過慢
- 建議：最佳化 LCP 元素：壓縮圖片、使用 CDN 加速
- 影響：此項影響等級：中
- 驗收：Desktop LCP < 2.5s
Mobile CLS
- 問題：Mobile CLS 最差值 1，超過 0.25
- 原因：版面元素在載入過程中位移（缺少寬高屬性的圖片、動態插入的廣告等）
- 建議：為所有圖片和嵌入元素設定明確的寬高屬性
- 影響：此項影響等級：中
- 驗收：CLS < 0.1
本輪優先處理
各頁 PageSpeed 分數
| 頁面 | Mobile Perf | Mobile LCP | Mobile CLS | Desktop Perf | Desktop LCP |
|---|---|---|---|---|---|
| /product/f2t2 | 22 | 19.1s | 1 | 32 | 6.5s |
| / | 34 | 34.4s | 0.009 | 46 | 6.1s |
| /product/fresh-pop-smile-tooth-stain-concealer | 45 | 26s | 0 | 35 | 6.3s |
| /elloxtoothfairy | 46 | 19.2s | 0 | 45 | 3.5s |
| /checkout | 50 | 8.7s | 0.001 | 76 | 1.8s |
常見改善動作
| 問題 | 動作 | 位置 |
|---|---|---|
| LCP 過高 | 壓縮 LCP 圖片、使用 WebP、加 preload | 媒體庫 + 快取外掛 |
| CLS 過高 | 圖片/嵌入加明確寬高屬性 | 主題模板或各頁編輯器 |
| Performance 低 | 延遲載入非關鍵 JS/CSS、啟用快取 | Breeze 快取設定 |
驗收
Mobile Performance ≥ 50，LCP < 4s，CLS < 0.25。