這篇文章最後更新日期：2023 年 3 月 29 日
作者： Mack Chan
隨著 WordPress 官方大力推廣 區塊編輯器，洐生出相關的生態圈的各類新應用如雨後春筍般應運而生，除了不少新創的開發團隊，不難看到一些大型主機商或成熟的團隊加入戰場。但由於「區塊」的應用不像 頁面編輯器 是一個巨大的第三方外掛般存在，WordPress 區塊可以由單一的小功能存在，但也可以是由數十個功能組成的區塊套件組合外掛。所以引發這次的實驗性的簡單測試報告，讓我們一起探討如果大量「區塊」外掛交織在一個網站，對網站效能的影響？
外掛開發團隊需要依照 WordPress 的官方指引研發和確保一致性
跟據 WordPress Gutenberg 計劃 ，官方提出了完整的指引和說明文件，世界上各地的開發人員和團隊可以遵循相同的制式和標準化工作，所以不會做成各自為政，到最後大家的工作互不相同的局面，不過整過計劃預計耗時 5 至 10 年才能完成，但原本散落世界各地的專家，早已習慣這種工作模式，他們數年已經不在辦公室工作？
統一基礎測試網站環境
| GTmetrix | |
|---|---|
| 測試伺服器位置： | 香港, 中國 |
| 瀏覽器： | Chrome (桌機) 90.0.4430.212 |
| Lighthouse 版本： | 7.4.0 |
| 網絡連線： | Broadband Fast (20/5 Mbps, 25ms) |
| WordPres 版本： | 5.8 |
| 佈景主題 | 官方主題 Twenty Twenty-One |
| 外掛： | 移除所有外掛 |
| Pingdom | |
|---|---|
| 測試伺服器位置： | 日本 (東京 Tokyo) |
測試的區塊套件組合外掛列表
其實選擇真的有很多，所以區塊編輯器的後續發展真的很強，是次測試找了 5 套比較知名和常見的外掛作為測試，每一套都是獨當一面的良好選擇，排名不分先後。
最終獲取 5 次測試成果
每一組「測試項目」的網頁都帶有 5 個「按鈕」區塊，不過每提升一次測試，會多安裝一套區塊套件組合外掛，從最初只有「1 個外掛」，到最後的測試是有「5 個外掛」。每一次的堆疊都會提過評測網站去評估一次成效。
第 1 次測試結果：新增 Stackable 外掛
| 組合項目 | 區塊套件 |
|---|---|
| 按鈕區塊 01 | Stackable |
| 按鈕區塊 02 | Stackable |
| 按鈕區塊 03 | Stackable |
| 按鈕區塊 04 | Stackable |
| 按鈕區塊 05 | Stackable |
第 2 次測試結果：新增 Qubely 外掛
| 組合項目 | 區塊套件 |
|---|---|
| 按鈕區塊 01 | Stackable |
| 按鈕區塊 02 | Qubely |
| 按鈕區塊 03 | Stackable |
| 按鈕區塊 04 | Stackable |
| 按鈕區塊 05 | Stackable |
第 3 次測試結果：新增 Kadence Blocks 外掛
| 組合項目 | 區塊套件 |
|---|---|
| 按鈕區塊 01 | Stackable |
| 按鈕區塊 02 | Qubely |
| 按鈕區塊 03 | Kadence Blocks |
| 按鈕區塊 04 | Stackable |
| 按鈕區塊 05 | Stackable |
第 4 次測試結果：新增 Atomic Blocks 外掛
| 組合項目 | 區塊套件 |
|---|---|
| 按鈕區塊 01 | Stackable |
| 按鈕區塊 02 | Qubely |
| 按鈕區塊 03 | Kadence Blocks |
| 按鈕區塊 04 | Atomic Blocks |
| 按鈕區塊 05 | Stackable |
第 5 次測試結果：新增 Ultimate Addons for Gutenberg 外掛
| 組合項目 | 區塊套件 |
|---|---|
| 按鈕區塊 01 | Stackable |
| 按鈕區塊 02 | Qubely |
| 按鈕區塊 03 | Kadence Blocks |
| 按鈕區塊 04 | Atomic Blocks |
| 按鈕區塊 05 | Ultimate Addons for Gutenberg |
使用過多區塊組合套件外掛對主機效能會有壞影響？
首次測試，我們新增了 5 個 Stackable 按鈕區塊，暫時影響輕微，但已經無法保住「100 分」的天花板，這是我們新增的第一個外掛，讓我繼續觀看新增更多外掛的影響。但最後發現總共損失了約 5% 的效能。總結是使用過多區塊套件組合外掛對主機效能會有壞影響？絕對會有變慢的可能性，雖然「區塊編輯器」屬於輕盈和快速的編輯器，但一般不推薦安裝過多重複功能的外掛，大約 3 套是上限，最好的情況是只有一套。
常見問題 FAQ
外掛開發團隊需要依照 WordPress 的官方指引研發？
跟據 WordPress Gutenberg 計劃 ，官方提出了完整的指引和說明文件，世界上各地的開發人員和團隊可以遵循相同的制式和標準化工作，所以不會做成各自為政，到最後大家的工作互不相同的局面，不過整過計劃預計耗時 5 至 10 年才能完成，但原本散落世界各地的專家，早已習慣這種工作模式，他們數年已經不在辦公室工作？
使用過多區塊套件組合外掛對主機效能會有壞影響？
絕對會有變慢的可能性，雖然「區塊編輯器」屬於輕盈和快速的編輯器，但一般不推薦安裝過多重複功能的外掛，大約 3 套是上限，最好的情況是只有一套。
參考資料和引用文獻：
- The new Gutenberg editing experience
- WordPress：全站編輯 (Full Site Editing)
- WordPress Gutenberg 計劃
- Jack Cao：Will Multiple Gutenberg Blocks Slow Down Your WordPress site? [Tested & Proven]
- 網站迷谷：如何寫一篇文章？
- 網站迷谷：區塊編輯器是什麼？
- 網站迷谷：WordPress 頁面編輯器
- 網站迷谷：什麼是新版 WordPress 小工具 (Widget)？
- 網站迷谷：什麼是傳統編輯器？
- 圖片來源：網站迷谷免費圖庫介紹
- 網站迷谷：WordPress 佈景主題完整攻略
- 網站迷谷：WordPress 外掛懶人包
我們提供市場上最新的網站架設
新聞、教學和相關知識，我們不會向用戶
發送垃圾和推廣內容，而你可以隨時「取消訂閱」。
WordPress 學員人數
15,000+ 人 (持續增加之中)
