外觀
前台效能
來源:前台效能
需要注意
- Mobile Performance 最差值 12,低於 50
- Mobile LCP 最差值 12s,超過 4s
- Desktop LCP 最差值 7.2s,超過 4s
- Mobile CLS 最差值 0.774,超過 0.25
共 4 項 — 2 高 / 2 中
Mobile Performance
- 問題:Mobile Performance 最差值 12,低於 50
- 原因:頁面載入過多未最佳化資源(圖片、JS、CSS),或伺服器回應過慢
- 建議:壓縮圖片、延遲載入非關鍵 JS、啟用快取、減少 render-blocking 資源
- 影響:此項影響等級:高
- 驗收:Mobile Performance ≥ 50
Mobile LCP
- 問題:Mobile LCP 最差值 12s,超過 4s
- 原因:LCP 元素(通常是大圖或影片)載入過慢
- 建議:最佳化 LCP 元素:壓縮圖片、使用 WebP、預載入關鍵資源
- 影響:此項影響等級:高
- 驗收:LCP < 2.5s(良好)或 < 4s(需改善)
Desktop LCP
- 問題:Desktop LCP 最差值 7.2s,超過 4s
- 原因:桌面版 LCP 元素載入過慢
- 建議:最佳化 LCP 元素:壓縮圖片、使用 CDN 加速
- 影響:此項影響等級:中
- 驗收:Desktop LCP < 2.5s
Mobile CLS
- 問題:Mobile CLS 最差值 0.774,超過 0.25
- 原因:版面元素在載入過程中位移(缺少寬高屬性的圖片、動態插入的廣告等)
- 建議:為所有圖片和嵌入元素設定明確的寬高屬性
- 影響:此項影響等級:中
- 驗收:CLS < 0.1
本輪優先處理
各頁 PageSpeed 分數
| 頁面 | Mobile Perf | Mobile LCP | Mobile CLS | Desktop Perf | Desktop LCP |
|---|---|---|---|---|---|
| https://letsharu.com/ | 12 | 8.3s | 0.774 | 30 | 7.2s |
| https://letsharu.com/tips/girlblowjob | 35 | 8s | 0.033 | 54 | 1.9s |
| https://letsharu.com/tips/nipplelove | 37 | 8.6s | 0.033 | 55 | 1.9s |
| https://letsharu.com/edu/flyhigh6 | 41 | 8s | 0.033 | 58 | 1.9s |
| https://letsharu.com/tips/squirt | 41 | 8.1s | 0.033 | 66 | 1.9s |
| https://letsharu.com/harucollection | 44 | 12s | 0.033 | 54 | 3.1s |
常見改善動作
| 問題 | 動作 | 位置 |
|---|---|---|
| LCP 過高 | 壓縮 LCP 圖片、使用 WebP、加 preload | 媒體庫 + 快取外掛 |
| CLS 過高 | 圖片/嵌入加明確寬高屬性 | 主題模板或各頁編輯器 |
| Performance 低 | 延遲載入非關鍵 JS/CSS、啟用快取 | Breeze 快取設定 |
驗收
Mobile Performance ≥ 50,LCP < 4s,CLS < 0.25。
