fbpx
Bluehost 主機最新優惠

測試堆疊 5 個 WordPress 區塊套件組合外掛對主機效能的影響?

隨著 WordPress 官方大力推廣 區塊編輯器,洐生出相關的生態圈的各類新應用如雨後春筍般應運而生,除了不少新創的開發團隊,不難看到一些大型主機商或成熟的團隊加入戰場。但由於「區塊」的應用不像 頁面編輯器 是一個巨大的第三方外掛般存在,WordPress 區塊可以由單一的小功能存在,但也可以是由數十個功能組成的區塊套件組合外掛。所以引發這次的實驗性的簡單測試報告,讓我們一起探討如果大量「區塊」外掛交織在一個網站,對網站效能的影響?

外掛開發團隊需要依照 WordPress 的官方指引研發和確保一致性

跟據 WordPress Gutenberg 計劃 ,官方提出了完整的指引和說明文件,世界上各地的開發人員和團隊可以遵循相同的制式和標準化工作,所以不會做成各自為政,到最後大家的工作互不相同的局面,不過整過計劃預計耗時 5 至 10 年才能完成,但原本散落世界各地的專家,早已習慣這種工作模式,他們數年已經不在辦公室工作?


統一基礎測試網站環境

在 Cloudways 之上建立了 1 個全新的網站作測試
在 Cloudways 之上建立了 1 個全新的網站作測試
WordPress 佈景主題選用官方預設的主題 Twenty Twenty-One
WordPress 佈景主題選用官方預設的主題 Twenty Twenty-One
移除所有外掛,淨空了這個環境
移除所有外掛,淨空了這個環境
空白的 WordPress 在 GTmetrix 上的評分
空白的 WordPress 在 GTmetrix 上的評分
GTmetrix
測試伺服器位置: 香港, 中國
瀏覽器: Chrome (桌機)
90.0.4430.212
Lighthouse 版本:7.4.0
網絡連線: Broadband Fast
(20/5 Mbps, 25ms)
WordPres 版本: 5.8
佈景主題 官方主題
Twenty Twenty-One
外掛: 移除所有外掛
Pingdom
測試伺服器位置: 日本 (東京 Tokyo)
空白的 WordPress 在 Pingdom 上的評分
空白的 WordPress 在 Pingdom 上的評分

測試的區塊套件組合外掛列表

其實選擇真的有很多,所以區塊編輯器的後續發展真的很強,是次測試找了 5 套比較知名和常見的外掛作為測試,每一套都是獨當一面的良好選擇,排名不分先後。

最終獲取 5 次測試成果

每一組「測試項目」的網頁都帶有 5 個「按鈕」區塊,不過每提升一次測試,會多安裝一套區塊套件組合外掛,從最初只有「1 個外掛」,到最後的測試是有「5 個外掛」。每一次的堆疊都會提過評測網站去評估一次成效。

第 1 次測試結果:新增 Stackable 外掛

5 個區塊按鈕在網頁上的表現
5 個區塊按鈕在網頁上的表現
新增 Stackable 外掛在 Pingdom 上的評分
新增 Stackable 外掛在 Pingdom 上的評分
新增 Stackable 外掛在 GTmetrix 上的評分
新增 Stackable 外掛在 GTmetrix 上的評分
組合項目 區塊套件
按鈕區塊 01 Stackable
按鈕區塊 02 Stackable
按鈕區塊 03Stackable
按鈕區塊 04Stackable
按鈕區塊 05Stackable

第 2 次測試結果:新增 Qubely 外掛

測試推疊 5 個 WordPress 區塊組合套件外掛對主機效能的影響?
5 個區塊按鈕在網頁上的表現
測試推疊 5 個 WordPress 區塊組合套件外掛對主機效能的影響?
新增 Qubely 外掛在 Pingdom 上的評分
測試推疊 5 個 WordPress 區塊組合套件外掛對主機效能的影響?
新增 Qubely 外掛在 GTmetrix 上的評分
組合項目 區塊套件
按鈕區塊 01 Stackable
按鈕區塊 02 Qubely
按鈕區塊 03Stackable
按鈕區塊 04Stackable
按鈕區塊 05Stackable

第 3 次測試結果:新增 Kadence Blocks 外掛

5 個區塊按鈕在網頁上的表現
5 個區塊按鈕在網頁上的表現
新增 Kadence Blocks 外掛在 Pingdom 上的評分
新增 Kadence Blocks 外掛在 Pingdom 上的評分
新增 Kadence Blocks 外掛在 GTmetrix 上的評分
新增 Kadence Blocks 外掛在 GTmetrix 上的評分
組合項目 區塊套件
按鈕區塊 01 Stackable
按鈕區塊 02 Qubely
按鈕區塊 03Kadence Blocks
按鈕區塊 04Stackable
按鈕區塊 05Stackable

第 4 次測試結果:新增 Atomic Blocks 外掛

5 個區塊按鈕在網頁上的表現
5 個區塊按鈕在網頁上的表現
新增 Atomic Blocks 外掛在 Pingdom 上的評分
新增 Atomic Blocks 外掛在 Pingdom 上的評分
新增 Atomic Blocks 外掛在 GTmetrix 上的評分
新增 Atomic Blocks 外掛在 GTmetrix 上的評分
組合項目 區塊套件
按鈕區塊 01 Stackable
按鈕區塊 02 Qubely
按鈕區塊 03Kadence Blocks
按鈕區塊 04Atomic Blocks
按鈕區塊 05Stackable

第 5 次測試結果:新增 Ultimate Addons for Gutenberg 外掛

5 個區塊按鈕在網頁上的表現
5 個區塊按鈕在網頁上的表現
新增 Ultimate Addons for Gutenberg 外掛在 Pingdom 上的評分
新增 Ultimate Addons for Gutenberg 外掛在 Pingdom 上的評分
新增 Ultimate Addons for Gutenberg 外掛在 GTmetrix 上的評分
新增 Ultimate Addons for Gutenberg 外掛在 GTmetrix 上的評分
組合項目 區塊套件
按鈕區塊 01 Stackable
按鈕區塊 02 Qubely
按鈕區塊 03Kadence Blocks
按鈕區塊 04Atomic Blocks
按鈕區塊 05Ultimate Addons for Gutenberg

使用過多區塊組合套件外掛對主機效能會有壞影響?

使用過多區塊組合套件外掛對主機效能會有壞影響?
使用過多區塊組合套件外掛對主機效能會有壞影響?

首次測試,我們新增了 5 個 Stackable 按鈕區塊,暫時影響輕微,但已經無法保住「100 分」的天花板,這是我們新增的第一個外掛,讓我繼續觀看新增更多外掛的影響。但最後發現總共損失了約 5% 的效能。總結是使用過多區塊套件組合外掛對主機效能會有壞影響?絕對會有變慢的可能性,雖然「區塊編輯器」屬於輕盈和快速的編輯器,但一般不推薦安裝過多重複功能的外掛,大約 3 套是上限,最好的情況是只有一套。

常見問題 FAQ

外掛開發團隊需要依照 WordPress 的官方指引研發?

跟據 WordPress Gutenberg 計劃 ,官方提出了完整的指引和說明文件,世界上各地的開發人員和團隊可以遵循相同的制式和標準化工作,所以不會做成各自為政,到最後大家的工作互不相同的局面,不過整過計劃預計耗時 5 至 10 年才能完成,但原本散落世界各地的專家,早已習慣這種工作模式,他們數年已經不在辦公室工作?

使用過多區塊套件組合外掛對主機效能會有壞影響?

絕對會有變慢的可能性,雖然「區塊編輯器」屬於輕盈和快速的編輯器,但一般不推薦安裝過多重複功能的外掛,大約 3 套是上限,最好的情況是只有一套。

參考資料和引用文獻:

學員人數:5,500+ 人(持續增加之中)

中文語系的 WordPress - Facebook 社團列表

發表您的留言

加入我們的 Facebook 學習社團免費的教學資源、交流和解決問題!

是否覺得孤軍作戰和學習很無趣味?
何不加入學習社團和其他
熱愛網站設計的朋友交流?
分享您建站的喜與樂
學習最新的知識和技術