第二場-小胖老師-WordPress 速度優化實戰 (05.26)

📌 今日學習到很重要的觀念幫助自己:

▍ 原來也有比較慢的 DNS，我在實務上固定使用只有那幾間 DNS 廠商，少部分是客戶自己管理或架設，因此沒有想過這個地方也有可能拖慢或需要優化的地方。

▍ Wordpress 我接觸的頻率不高，原來它是沒有索引的！？ 這部分在我剛接觸資料庫時，資料庫老師第一步驟就是教我們建立資料表與索引以及資料表關聯性等概念，因此我沒想過 Wordpress 是沒有索引的~ 但這也讓我學到了！ 未來若是碰到 Wordpress 專案資料較多時可以朝它的資料庫索引下手處理。

🧠 網站優化分為:

前端優化 → 降低載入資源重量（圖片、CSS/JS、字體）
後端優化 → 降低伺服器處理與資料庫負載（快取、版本升級）
網路層優化 → 降低傳輸延遲（CDN、DNS、HTTP 協定）

前端優化:

1. 圖片尺寸限制（<1920px）、WebP、有損壓縮 + Lazy Load
2. 延遲載入第三方 SDK（FB、LINE、Google Maps）
3. 使用 preload、prefetch、preconnect
   參考解釋:
   https://medium.com/@millieqiuuu/%E5%89%8D%E7%AB%AF%E6%95%88%E8%83%BD%E5%84%AA%E5%8C%96-preload-prefetch-preconnect-%E7%9A%84%E5%B7%AE%E7%95%B0%E5%8F%8A%E7%94%A8%E6%B3%95-985807cc1247

後端與資料庫優化:

1. 資料庫定期優化與清除修訂

2. 快取外掛選擇：
   LiteSpeed Cache
   WP Rocket

3. 升級 PHP 至 8.3+ / MySQL 至 8+

4. 使用 SSD 主機 + 支援 HTTP/2 or HTTP/3

5. Laravel View Cache

網路層優化:

1. 使用快速 DNS

2. 減少重導向與無效請求（404、錯路徑資源）

3. 利用 CDN 加速靜態資源（Cloudflare 免費推薦），使用免費的 Cloudflare 要小心節點是不是跑得更遠~ 因此使用後還要觀察速度是否更快或更慢

測速分析與診斷工具

速度:https://pagespeed.web.dev/
快取:WP Rocket、LiteSpeed Cache
圖片壓縮與延遲載入:WebP、TinyPNG

📌總結：

分數高 ≠ 使用者體感快，請以真實使用體感為準

不建議同時啟用兩套快取外掛，避免衝突

所有設定變更後應重新測速、重新測功能，確認是否正常運作

網站優化是長期行動，不是一次性任務