LATTICE.
部落格文章

WordPress 網站速度優化：10 個提升 SEO 排名的技巧

2025年1月10日
18 分鐘閱讀
作者：格子數位科技
WordPress 網站速度優化：10 個提升 SEO 排名的技巧

# WordPress 網站速度優化：10 個提升 SEO 排名的技巧

網站速度是 SEO 排名的關鍵因素之一。根據 Google 的研究，網站載入時間每增加 1 秒，轉換率下降 7%，頁面瀏覽量減少 11%，客戶滿意度降低 16%。更重要的是，Google 自 2021 年起將「Core Web Vitals」（核心網頁指標）納入排名因素，包含 LCP（最大內容繪製）、FID（首次輸入延遲）與 CLS（累積版面配置轉移）。

本文將分享 10 個實用的 WordPress 速度優化技巧，讓您的網站載入速度提升 50% 以上，同時改善 SEO 排名與使用者體驗。

為什麼網站速度如此重要？

1. SEO 排名影響

Google 明確表示網站速度是排名因素之一。快速的網站能夠： - 獲得更高的搜尋排名 - 增加被索引的頁面數量 - 提升爬蟲效率

2. 使用者體驗

研究顯示： - 53% 的行動使用者會放棄載入超過 3 秒的網站 - 頁面載入時間從 1 秒增加到 3 秒，跳出率增加 32% - 頁面載入時間從 1 秒增加到 5 秒，跳出率增加 90%

3. 轉換率影響

Amazon 的研究發現，每 100ms 的延遲會導致 1% 的營收損失。對於電商網站來說，速度優化直接影響營收。

技巧 1：選擇高效能主機

主機是網站速度的基礎。選擇主機時需考慮：

主機類型比較

1. **共享主機**（Shared Hosting） - 優點：價格便宜（每月 $3-10） - 缺點：資源共享，速度不穩定 - 適合：個人部落格、小型網站

2. **VPS 主機**（Virtual Private Server） - 優點：獨立資源，效能穩定 - 缺點：需要技術知識 - 適合：中型企業網站

3. **雲端主機**（Cloud Hosting） - 優點：彈性擴展，高可用性 - 缺點：價格較高 - 適合：流量波動大的網站

4. **WordPress 專用主機**（Managed WordPress Hosting） - 優點：針對 WordPress 優化，自動更新 - 缺點：價格較高，彈性較低 - 適合：重視效能的 WordPress 網站

推薦主機商

  • ▸**Kinsta**：高效能 WordPress 專用主機
  • ▸**SiteGround**：CP 值高，客服優秀
  • ▸**Cloudways**：彈性雲端主機
  • ▸**WP Engine**：企業級 WordPress 主機

技巧 2：使用快取外掛

快取是提升 WordPress 速度最有效的方法之一。快取外掛會將動態生成的 HTML 頁面儲存為靜態檔案，大幅減少伺服器負擔。

推薦快取外掛

#### 1. WP Rocket（付費，最推薦）

// WP Rocket 基本設定
- 啟用頁面快取
- 啟用快取預載
- 啟用 Sitemap 預載
- 啟用瀏覽器快取
- 啟用 GZIP 壓縮

優點： - 設定簡單，適合新手 - 功能完整（快取、壓縮、延遲載入） - 優秀的客戶支援

#### 2. W3 Total Cache（免費）

功能強大但設定複雜，適合進階使用者。

#### 3. WP Super Cache（免費）

由 Automattic 開發，穩定可靠，適合簡單需求。

快取設定最佳實踐

1. **啟用頁面快取**：快取整個 HTML 頁面 2. **啟用瀏覽器快取**：讓使用者瀏覽器儲存靜態資源 3. **啟用物件快取**：快取資料庫查詢結果 4. **定期清除快取**：更新內容後記得清除快取

技巧 3：圖片優化

圖片通常佔網站總大小的 50-80%，優化圖片能大幅提升載入速度。

圖片優化步驟

#### 1. 選擇正確的圖片格式

  • ▸**JPEG**：適合照片，支援壓縮
  • ▸**PNG**：適合透明背景、圖示
  • ▸**WebP**：新一代格式，比 JPEG 小 25-35%
  • ▸**SVG**：向量圖形，適合 Logo、圖示

#### 2. 壓縮圖片

使用工具壓縮圖片： - **TinyPNG**：線上壓縮工具 - **ImageOptim**（Mac）：本地壓縮工具 - **Squoosh**（Google）：進階壓縮選項

#### 3. 使用 WordPress 圖片優化外掛

推薦外掛： - **Smush**：自動壓縮上傳的圖片 - **ShortPixel**：支援 WebP 轉換 - **Imagify**：由 WP Rocket 團隊開發

#### 4. 實作延遲載入（Lazy Loading）

<!-- WordPress 5.5+ 原生支援 -->
<img src="image.jpg" loading="lazy" alt="Description">

或使用外掛： - **Lazy Load by WP Rocket** - **a3 Lazy Load**

#### 5. 使用響應式圖片

<img 
  srcset="image-320w.jpg 320w,
          image-640w.jpg 640w,
          image-1024w.jpg 1024w"
  sizes="(max-width: 320px) 280px,
         (max-width: 640px) 600px,
         1024px"
  src="image-640w.jpg"
  alt="Responsive Image">

技巧 4：精簡外掛數量

每個外掛都會增加 HTTP 請求、載入 CSS/JS 檔案，拖慢網站速度。

外掛優化策略

1. **定期審查外掛**：移除不使用的外掛 2. **合併功能**：選擇多功能外掛取代多個單一功能外掛 3. **檢查外掛效能**：使用 Query Monitor 外掛分析 4. **避免過時外掛**：選擇持續更新的外掛

必要外掛清單（建議不超過 15 個）

  • ▸SEO：Yoast SEO 或 Rank Math
  • ▸快取：WP Rocket
  • ▸安全：Wordfence 或 Sucuri
  • ▸備份：UpdraftPlus
  • ▸表單：Contact Form 7 或 WPForms
  • ▸圖片優化：Smush

技巧 5：優化資料庫

WordPress 資料庫會累積大量無用資料，定期清理能提升查詢速度。

資料庫優化步驟

#### 1. 刪除修訂版本

DELETE FROM wp_posts WHERE post_type = 'revision';

或使用外掛：WP-Optimize

#### 2. 清理垃圾留言

DELETE FROM wp_comments WHERE comment_approved = 'spam';

#### 3. 刪除暫存資料

DELETE FROM wp_options WHERE option_name LIKE '%_transient_%';

#### 4. 優化資料表

OPTIMIZE TABLE wp_posts, wp_postmeta, wp_options, wp_comments;

推薦資料庫優化外掛

  • ▸**WP-Optimize**：自動清理與優化
  • ▸**Advanced Database Cleaner**：進階清理選項

技巧 6：使用 CDN（內容傳遞網路）

CDN 將網站靜態資源（圖片、CSS、JS）分散到全球多個伺服器，讓使用者從最近的伺服器載入資源。

推薦 CDN 服務

1. **Cloudflare**（免費） - 免費 SSL 憑證 - DDoS 防護 - 全球 CDN

2. **BunnyCDN**（付費，CP 值高） - 價格便宜（$1/TB） - 速度快

3. **StackPath**（付費） - 企業級 CDN - 進階安全功能

CDN 設定步驟（以 Cloudflare 為例）

1. 註冊 Cloudflare 帳號 2. 新增網站並更改 DNS 3. 啟用 Auto Minify（自動壓縮） 4. 啟用 Brotli 壓縮 5. 設定 Page Rules 優化快取

技巧 7：最小化 CSS/JS

壓縮與合併 CSS/JS 檔案能減少檔案大小與 HTTP 請求數量。

最小化方法

#### 1. 使用外掛自動最小化

  • ▸**Autoptimize**：自動壓縮與合併
  • ▸**WP Rocket**：內建最小化功能

#### 2. 移除不必要的 CSS/JS

// functions.php
function remove_unused_scripts() {
    // 移除 jQuery Migrate
    wp_deregister_script('jquery-migrate');
    
    // 移除 Emoji 腳本
    remove_action('wp_head', 'print_emoji_detection_script', 7);
    remove_action('wp_print_styles', 'print_emoji_styles');
}
add_action('wp_enqueue_scripts', 'remove_unused_scripts');

#### 3. 延遲載入 JavaScript

<script src="script.js" defer></script>

技巧 8：升級 PHP 版本

PHP 8.0+ 比 PHP 7.4 快 10-20%，比 PHP 5.6 快 2-3 倍。

升級步驟

1. 檢查主機支援的 PHP 版本 2. 在測試環境測試相容性 3. 備份網站 4. 在主機控制台切換 PHP 版本 5. 測試網站功能

檢查 PHP 版本

在 WordPress 後台：工具 → 網站健康狀態 → 資訊 → 伺服器

技巧 9：啟用 GZIP 壓縮

GZIP 壓縮能將文字檔案（HTML、CSS、JS）壓縮 50-70%。

啟用方法

#### 方法 1：透過 .htaccess（Apache）

<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript
</IfModule>

#### 方法 2：透過外掛

WP Rocket 或 W3 Total Cache 都內建 GZIP 壓縮功能。

檢查 GZIP 是否啟用

使用工具：https://www.giftofspeed.com/gzip-test/

技巧 10：持續監控與優化

速度優化是持續的過程，需要定期監控與調整。

監控工具

1. **Google PageSpeed Insights** - 分析 Core Web Vitals - 提供優化建議

2. **GTmetrix** - 詳細效能報告 - Waterfall 圖表分析

3. **Pingdom** - 全球多點測試 - 歷史效能追蹤

4. **WebPageTest** - 進階測試選項 - 影片錄製功能

效能目標

  • ▸**LCP**（最大內容繪製）：< 2.5 秒
  • ▸**FID**（首次輸入延遲）：< 100 毫秒
  • ▸**CLS**（累積版面配置轉移）：< 0.1
  • ▸**TTFB**（首位元組時間）：< 600 毫秒
  • ▸**總載入時間**：< 3 秒

結論

WordPress 網站速度優化需要多方面的努力，從主機選擇、快取設定到圖片優化，每個環節都很重要。格子數位科技提供專業的 WordPress 網站優化服務，從主機選擇到效能調校，我們協助客戶打造高速、穩定的網站。

我們的優化流程包含：效能分析、瓶頸診斷、優化實作、測試驗證與持續監控。立即聯繫我們，讓我們協助您的 WordPress 網站達到最佳效能！

WordPress網站速度SEO優化效能優化

需要專業的網站設計服務？

讓格子數位科技協助您打造高品質的數位體驗