WordPress vs 11ty：各自的優缺點與取捨
WordPress 作為全球最受歡迎的內容管理系統，已經幫助數百萬人建立了自己的網站。然而，近年來靜態網站生成器如 11ty 也逐漸受到開發者和內容創作者的青睞。這兩種工具各有優缺點，選擇哪一個取決於你的需求、技術背景和維護意願。
本文將比較 WordPress 與 11ty，從多個面向分析兩者的差異，幫助你做出最適合的選擇。
目錄
基本概念與定位
WordPress：成熟的全功能 CMS
WordPress 是一個功能完整的內容管理系統，提供完整的後端管理介面、資料庫儲存、動態內容生成等功能。它最初設計為部落格平台，但現在已經演變成一個全功能的 CMS，可以建立任何類型的網站。
11ty：現代化的靜態網站生成器
11ty（Eleventy）是一個以 JavaScript 為基礎的靜態網站生成器。它不依賴資料庫，而是將內容檔案轉換為靜態 HTML 檔案，在建置時生成完整網站。
主要差異比較
技術架構
WordPress 的動態架構
- 資料庫驅動：所有內容都儲存在 MySQL/PostgreSQL 等資料庫中
- 動態生成：每次頁面請求時，PHP 會從資料庫提取資料並動態生成 HTML
- 依賴關係：需要 PHP 運行環境、資料庫伺服器、Web 伺服器（如 Apache/Nginx）
11ty 的靜態架構
- 檔案驅動：內容以 Markdown、HTML 等檔案格式儲存
- 預先建置：在開發階段就生成所有靜態檔案
- 獨立部署：只需要靜態檔案伺服器，無需資料庫或特定運行環境
開發體驗
WordPress：視覺化編輯優先
優點：
- 所見即所得編輯器：古騰堡編輯器讓非技術人員也能輕鬆編輯內容
- 即時預覽：修改後立即在前端看到效果
- 外掛生態：有數萬個外掛可以快速增加功能
缺點：
- 學習曲線：雖然編輯簡單，但要客製化主題仍需學習 PHP、WordPress Hook 等
- 外掛相容性：不同外掛間可能衝突，需要花時間測試和調試
(現代 PHP 和 WordPress 也改善很多開發流程和工具了) 參考： 如何使用 Herd 在本機架設 WordPress 網站
11ty：程式化開發體驗
優點：
- 版本控制友好：所有內容和設定都以檔案形式存在，可以用 Git 完整管理
- 完全客製化：從頭到尾控制每一個細節
- 現代開發工具鏈：可以使用 npm scripts、現代 CSS 框架、模組化 JavaScript
缺點：
- 學習門檻：需要基本程式設計知識
- 建置步驟：每次修改都需要重新建置才能看到效果
效能表現
WordPress：需要持續優化
- 初始載入：動態生成內容導致首次載入較慢
- 快取需求：需要安裝快取外掛（如 WP Rocket、LiteSpeed Cache）來改善效能
- 伺服器負載：高流量時需要更多伺服器資源
11ty：天生高效能
- 極快載入：純靜態檔案，CDN 快取效果極佳
- 低伺服器成本：可以使用免費的靜態託管服務
- 無資料庫查詢：沒有資料庫延遲問題
在相同的機器規格上，11ty會消耗較少資源，也不需要資料庫的建置，但你也可以購買專用主機，直接提升效能。
安全性考量
WordPress：常見攻擊目標
風險點：
- 外掛漏洞：許多安全性問題來自過時或有漏洞的外掛
- PHP 環境：動態執行的本質帶來更多攻擊面
- 資料庫安全：需要保護資料庫免於攻擊
優點：
- 活躍社群：有大量安全性外掛和監控工具
- 定期更新：核心系統和外掛都會定期修補漏洞
11ty：本質安全
優點：
- 最小攻擊面：沒有資料庫、沒有動態執行，極難被入侵
- 內容驗證：建置時可以驗證所有內容和程式碼
- 相依性控制：可以精確控制所有第三方程式庫
考量點：
- 建置安全：需要保護建置過程和部署金鑰
- 第三方服務：如果整合外部服務（如表單、評論），需要注意這些服務的安全性
11ty 的好處是沒有後台登入功能，會被破解的地方就是主機本身，如果主機使用不夠安全，用什麼架構都一樣不安全。
維護成本與複雜度
WordPress：持續維護需求高
定期任務：
- 軟體更新：核心、主題、外掛都需要定期更新
- 安全性修補：監控並修補已知漏洞
- 效能優化：定期檢查和優化網站速度
- 備份管理：資料庫和檔案的備份策略
雖然都很簡單的定期更新，就是很繁雜，但外掛版本和 WordPress 版本和 PHP 版本之間的相容性需要考量。
11ty：一次性設定，長期穩定
維護內容：
- 內容更新：只需要編輯 Markdown 檔案
- 相依性更新：偶爾更新 npm 套件
- 重新部署：修改後重新建置和部署
內容管理與協作
WordPress：多人協作友好
- 角色權限系統：支援不同層級的使用者權限
- 即時協作：多個編輯者可以同時工作
- 審核流程：支援草稿、審核、發布流程
以我個人的情境來說（主要是一人維護與發文），WordPress 的角色權限與協作流程屬於「用得到很強，用不到就比較像是額外的系統功能」。相對地，我更在意的是內容變更是否能被精準追蹤與回溯。
而且你也很難追蹤另一個 WordPress 使用者動了什麼東西，改了什麼設定。
11ty：開發者導向協作
- Git 工作流程：任何微小變動都清清楚楚，輕易追蹤管理版本。
- 內容即程式碼：內容和程式碼使用相同工具管理
- 版本歷史：完整的內容修改歷史記錄
適合的使用情境
選擇 WordPress 的情境
- 非技術使用者：如果你不熟悉程式設計，但需要快速建立網站
- 複雜功能需求：需要會員系統、電子商務、複雜表單等動態功能
- 多人協作內容：有多個內容編輯者，需要完善的權限管理
- 預算有限：不想花時間學習技術，希望快速上線
- 經常變更內容：網站內容需要頻繁更新，希望即時生效
選擇 11ty 的情境
- 技術背景使用者：熟悉 HTML、CSS、JavaScript，有程式設計基礎
- 效能至上：對網站載入速度有極高要求
- 安全性重視：希望最小化安全風險
- 長期維護考量：希望降低長期維護成本
- 個人/小型專案：部落格、作品集、文件網站等
- 版本控制需求：需要完整的內容版本歷史和協作流程
這些只是比較適合的點，並不代表這個功能一定得用某個技術才行。
實際案例分析
WordPress 適合案例
- 新聞網站：需要頻繁更新內容、多個編輯者協作
- 企業網站：需要 CMS 整合、聯絡表單、會員系統
- 電子商務：需要購物車、付款閘道、庫存管理
- 社群平台：需要用戶生成內容、評論系統
11ty 適合案例
- 個人部落格：內容創作者專注於寫作而非維護
- 產品文件：技術文件、API 文件等需要版本控制
- 作品集網站：設計師、開發者的個人展示網站
- 公司官網：簡單的企業介紹頁面，重視品牌形象
事實上 11ty 能做的事，WordPress 都做得到，但選擇 11ty 通常不是太功能上的選擇，很多是想在技術上架構上簡單透明一點。
遷移與轉換考量
從 WordPress 遷移到 11ty
優點：
- 大幅改善效能和安全性
- 降低託管成本
- 獲得更多控制權
挑戰：
- 需要將動態功能改為靜態或外部服務
- 失去所見即所得編輯體驗
- 需要學習新的工作流程
從 11ty 遷移到 WordPress
優點：
- 快速增加複雜功能
- 降低內容編輯門檻
- 支援更多非技術使用者
挑戰：
- 效能下降
- 維護複雜度增加
- 安全性風險提高
結論：沒有絕對的「最好」
WordPress 和 11ty 代表兩種不同的網站建置哲學：
- WordPress 強調易用性和功能完整性，適合需要快速上線、複雜功能、或多人協作的專案
- 11ty 強調效能、安全性和開發體驗，適合技術背景的使用者和重視長期維護的專案
最終的選擇應該基於：
- 你的技術能力：熟悉程式設計嗎？
- 專案需求：需要哪些功能？預算多少？
- 維護意願：願意投入多少時間在網站維護上？
- 成長規劃：網站未來可能如何演變？
建議你可以先評估自己的需求，必要時甚至可以考慮混合使用兩者。例如，使用 11ty 建立主要內容網站，WordPress 作為後台內容管理系統。
無論選擇哪一個工具，重點是找到最適合自己工作流程和需求的解決方案。技術工具應該服務於內容創作，而不是成為創作的障礙。
WordPress 看很多了，來看看幾個 11ty 的網站
- https://chrisburnell.com/
- https://www.zachleat.com/
- https://eleventy-excellent.netlify.app/
相關資源：
- ← Previous
1 個程式範例，快速學習 JavaScript 物件導向語法
