2022 年 10 個最快的 WooCommerce 主題（基於我們的深度測試）
已發表: 2022-05-04一家每月收入 30,000 美元的商店可能會因為一秒鐘的延遲而每年損失 25,000 美元的收入。 對於比這慢的商店，損失會更大。
快速 WooCommerce 商店的關鍵組成部分之一是它的主題。 選擇錯誤的主題可能會降低轉化率、對用戶體驗產生負面影響並損害搜索引擎排名，從而減慢您的商店並損害您的業務。
因此，為了幫助您確保您的主題不會阻止您的網站盡快加載，我們比較了 2022 年可用的 10 個最快的 WooCommerce 主題的性能。
其中一些是專門為 WooCommerce 商店設計的，而另一些則是具有良好電子商務模板和功能的通用選項。 這些主題中的大多數都聲稱是最快的，而其他主題則被包括在內，因為它們是非常受歡迎的選項。
結果總結
您可以在本文後面查看測試的完整結果，並準確了解測試是如何運行的； 然而，這裡有一個快速的總結，解釋了哪些主題是最快的。
對於測試，我們使用了 Google PageSpeed Insights (PSI) 和 Pingdom。 在運行測試之前，以及在激活每個主題之後，刷新網站以準備每個主題的內部緩存。 PSI 和 Pingdom 都給出了總體性能等級（滿分 100 分），以及有關站點性能的更詳細信息。
PSI 還衡量主題在桌面和移動設備上的表現。 對於 Pingdom，評估的只是桌面體驗。 對各個站點的單品頁面和店舖首頁進行了測試。
根據 PSI 的兩個頁面（單個產品和商店主頁）的平均 PSI 性能等級，性能最佳的主題是：
- 最佳移動 PSI 性能等級：Shoptimizer（平均等級 93.5）。
- 最佳桌面 PSI 性能等級：Botiga（平均等級 92.5）。
- 最佳整體 PSI 桌面和移動性能等級：Shoptimizer（平均等級 86.25）。
正如您將在本文中看到的，測試結果不僅僅是性能等級。 但是，它們確實很好地概述了主題的速度。
首次輸入延遲和總阻塞時間
在結果中查看的一個有用指標是總阻塞時間 (TBT)。 TBT 很好地指示了頁面變為交互式所需的時間，例如，當用戶單擊按鈕或其他交互式頁面元素時能夠執行操作。 這在首次輸入延遲 (FID) 和用戶感知頁面的速度方面發揮了作用。
FID 測量從用戶第一次與頁面交互到瀏覽器實際能夠開始處理對該交互的響應的時間。 儘管 FID 無法在實驗室測試中測量，但由 PSI 測量的頁面阻塞時間與 FID 具有很好的相關性。
根據谷歌的說法，如果一個任務的阻塞時間超過 50 毫秒，“用戶很可能會注意到延遲，並認為頁面緩慢或卡頓。” 頁面的 TBT 是在首次內容痛苦 (FCP) 和交互時間 (TTI) 之間發生的每個長任務的阻塞時間之和。
您可以做的任何改進 TBT 的事情也應該改進 FID，這反過來會提高用戶體驗頁面的速度。
幾乎所有測試的主題都在桌面上獲得了良好的 TBT 分數，但只有 GeneratePress、OceanWP 和 Storefront 在移動 TBT 測試中表現出色。
從所有結果來看，不僅僅是 TBT，Shoptimizer 總體上是最好的，儘管其平均 PSI 移動性能等級 (79) 略低於其他一些主題。 因此，您可能對 GeneratePress 主題更感興趣，因為它在對單個頁面和商店主頁的得分進行平均時在移動設備和桌面設備上都得分很高（分別為 82.5 和 88.5）。
根據 Statista 的數據，隨著全球移動零售電子商務銷售額持續增長，從 2020 年的 29 億美元躍升至 2021 年的 35 億美元，選擇一個對桌面和移動用戶都適用的主題至關重要。 根據 PSI 測試，基於此，GeneratePress 是開箱即用的最佳選擇。
Pingdom 測量了頁面大小、加載時間和請求數量，同時也給出了性能等級，發現 Astra 擁有最快的單品和商店頁面，儘管 Botiga 和 GeneratePress 的平均性能等級略高。
2022 年最快的 WooCommerce 主題是哪個？
由於這些主題是根據 Pingdom 和 PSI 的一系列標准進行測試的，因此要選出一個明確的贏家來確定哪個是 2022 年最快的 WooCommerce 主題並不容易。
然而，在所有測試中表現最好的主題是 Boitga、GeneratePress 和 Shoptimizer。
您可以在下面查看測試結果的完整詳細信息，以幫助您找到適合您商店的最快主題。
最快的 WooCommerce 主題
以下是 WooCommerce 最快主題的詳細信息，按字母順序列出。
阿斯特拉
Astra 提供免費和付費版本，是一個完全可定制的 WordPress 主題。
在設置商店時，有許多精心設計的模板可供選擇。 能夠使用 Beaver Builder、Brizy、Elementor 和 WordPress 塊編輯器編輯 Astra 模板為您提供了充足的創作自由。
Astra 的免費和付費版本都具有有用的 WooCommerce 友好功能來增強您的商店，儘管付費版本可以獲得更多。
主要特徵
- 可以編輯整個主題，包括頁眉和頁腳。
- 許多完全可編輯的電子商務模板。
- 能夠為改進的用戶體驗創建單獨的僅限移動設備的標題。
阿斯特拉測試結果
Astra 擁有一些最高的 Pingdom 性能等級。 PSI 給予 Astra 桌面用戶非常積極的評價，但低於移動性能的平均水平。 總體而言，這是一個快速的 WooCommerce 主題，但此系列中有更快的選項。
博蒂加
Botiga 是另一個提供免費和付費版本的 WooCommerce。
在 WooCommerce 功能中，您會發現多種產品列表樣式、一系列產品庫設計和兩種不同的購物車佈局。 您還可以使用產品過濾器和建議來推廣您的庫存。 高級功能包括願望清單、粘性添加到購物車按鈕以及額外的頁眉和頁腳佈局。
主要特徵
- 兩個電子商務商店演示。
- 高度可定制的清潔和最小的設計。
- 一組針對移動設備優化的標頭。
Botiga 測試結果
Botiga 是本文測試的最快主題之一。 桌面 PSI 分數非常好，儘管還有一些其他主題具有更高的移動 PSI 分數。
迪維
Divi 是來自優雅主題的旗艦 WordPress 主題。 它帶有大量有吸引力的網站包和個人模板，包括許多電子商務選項。
Divi 還捆綁了自己強大的頁面構建器工具，集成到主題中。 Divi Builder 讓您可以完全控製網站的設計，並且是此類最佳 WordPress 插件的強大競爭對手。
由於 Divi 具有易於使用的 A/B 測試功能，您可以運行實驗來優化您的商店以獲得更高的轉化率。
主要特徵
- 完全可編輯的在線商店演示的大型庫。
- 具有完整站點編輯功能的集成頁面構建器。
- 可定制的內容模塊。
Divi 測試結果
Divi 有一些最大的頁面大小，僅次於 OceanWP，這似乎對其某些分數產生了負面影響。 雖然 PSI 發現桌面性能很好，但移動性能是最差的。
生成新聞
GeneratePress 提供免費和付費版本，聲稱是可用的最快的 WordPress 主題。 付費購買高級版本可讓您訪問更多模板並訪問高級支持渠道。
為了幫助您開設商店，GeneratePress 附帶了許多電子商務模板。 由於這個主題有自己的編輯器，您可以通過可視化界面自定義網站的各個方面。
主要特徵
- 多個電子商務商店網站演示。
- 基於塊的主題構建器工具。
- 僅移動標題選項。
生成壓力測試結果
GeneratePress 是整體測試中表現最好的 WooCommerce 主題，這要歸功於它在 PSI 移動和桌面性能等級中的高分。 它在 Pingdom 測試中也表現出色。
卡登斯
Kadence 是另一個可以通過安裝高級插件來增強的免費主題。
Kadence 還附帶一個大型免費和付費網站演示庫，其中包括許多電子商務設計。 WooCommerce 用戶可以購買 Kadence 商店套件，為他們的商店添加更多電子商務功能，包括產品圖像縮放、購物車通知、高級評論等。
主要特徵
- 選擇完全可編輯的頁眉和頁腳模板。
- 全局設置可以輕鬆自定義您的商店並始終保持一致的外觀。
- 與 Beaver Builder 和 Elementor 兼容。
Kadence 測試結果
Kadence 在 Pingdom 測試中表現出色，商店主頁的性能等級非常好。 但是，PSI 中的移動性能得分不如某些競爭對手。
內芙
Neve 有幾個不同的變體，包括包含許多額外 WooCommerce 功能的高級商務包。
還有一個有限的免費版本，所以你可以在購買前嘗試一下。 但是，為商業或代理許可證支付額外費用後，您可以訪問更多商店佈局、願望清單功能、多種結賬方式等。
Neve 還具有移動優先設計，應該讓您的 WooCommerce 商店非常容易在小屏幕設備上瀏覽。 與領先的 WordPress 頁面構建器插件的兼容性意味著您可以使用您選擇的工具來編輯您的網站，或者只需使用默認的 WordPress 塊編輯器。
主要特徵
- WooCommerce 商店的許多功能。
- 與領先的第三方頁面構建器合作。
- 超過 100 個可編輯的入門網站，包括許多電子商務選項。
Neve 測試結果
Neve 是測試速度更快的主題之一。 然而，與本次比較中最快的主題相比，它在一些 PSI 移動測試中略微落後。
海洋WP
OceanWP 是一個多用途主題，在付費版本中提供了許多電子商務商店演示。 免費版本附帶一些電子商務演示，但升級到付費版本可以解鎖更多演示和附加功能。
根據您選擇的演示，您可以使用 Elementor 頁面構建器插件編輯整個網站，包括頁眉和頁腳。 OceanWP 的付費版本包括一系列定制的 Elementor 模塊，為您提供更多的創作自由。
主要特徵
- 大量現成的網站演示，包括大量電子商務設計。
- Elementor 的定制模塊。
- 用於改進移動用戶體驗的三種移動菜單樣式。
OceanWP 測試結果
根據 Pingdom，OceanWP 擁有最大的頁面大小和最多的請求，因此加載時間最慢。 PSI 移動分數也是最差的。 不過，PSI 中的桌面性能還可以。
優化器
Shoptimizer 是一個專注於 WooCommerce 的主題，在構建時考慮了速度和轉換。
為了幫助加快您的商店，Shoptimizer 已縮小並啟用了開箱即用的關鍵 CSS。 可以在您的商店產生更多銷售額的以轉化為中心的功能包括無干擾的結賬體驗、在產品頁面上顯示運輸和退貨信息的能力，以及讓您的客戶放心的信任徽章。
主要特徵
- 庫存計數器和倒數計時器以產生銷售。
- 向上滑動銷售通知以增加社交證明。
- 移動優先設計，用於改進智能手機用戶體驗。
Shoptimizer 測試結果
Shoptimizer 具有最好的平均 PSI 桌面性能等級以及較高的移動性能等級。 Pingdom 的結果也令人印象深刻。
店面
Storefront 是官方 WooCommerce 主題，可以免費使用。
免費版的 Storefront 足以開始並對其設計進行一些調整。 但是，如果您真的想創建個性化商店，則需要購買 Storefront Extensions Bundle 或一些單獨的擴展。
主要特徵
- 簡潔的用戶體驗的最小設計。
- 用於快速改變商店外觀的子主題庫。
- 由負責 WooCommerce 的團隊構建和維護。
店面測試結果
Storefront 在 PSI 中的平均桌面性能得分非常好，但由於相對較低的移動得分而令人失望。 Pingdom 結果很好，但不是最好的。
伍斯特化
Woostify 是另一個免費的 WooCommerce 主題，可以通過付費插件進行增強。
Woostify 的核心版本被設計為盡可能輕量級，目標是縮短加載時間。 由於可以通過擴展添加額外的功能，您可以通過僅安裝您需要的附加組件來避免不必要地拖累您的網站。 所有附加組件和入門站點都可以以一個價格而不是每個附加組件的價格獲得。
主要特徵
- 可以使用 Elementor 編輯的免費和付費入門網站。
- 包含 WooCommerce 功能和更多自定義選項的付費附加組件。
- 多個產品頁面、列表佈局和標題模板。
Woostify 測試結果
在這次比較中，Woostify 的得分是最差的，尤其是在移動性能方面。
關於測試
對於測試，在 SiteGround 託管的 WordPress 網站上創建了全新安裝。 網站上安裝了 WooCommerce，並導入了插件的示例商店數據。
然後在 Pingdom 和 Google PageSpeed Insights 中測試了單個產品頁面和商店主頁的性能。 在 Pingdom 中選擇了相同的測試位置，即最接近託管站點的位置。
對於每個測試，不同的主題被激活並以其默認狀態使用。 沒有導入任何主題演示，也沒有安裝任何其他插件。 由於沒有使用任何性能工具，您可以通過啟用緩存、使用 CDN、優化圖像和部署縮小來獲得更好的結果。 NitroPack 是一種可以幫助您完成所有這些工作的工具。
核心網絡生命力
Core Web Vitals (CWV) 是 Google 用來為頁面提供整體性能得分的測試集合。 頁面的評分可以是好的，需要改進的，也可以是差的。 對於通過 CWV 測試並獲得良好評級的頁面，性能得分必須在 90 到 100 範圍內。
CWV 分數基於最大內容繪製 (LCP)、首次輸入延遲 (FID) 和累積佈局偏移 (CLS) 測試的結果。 為了通過 CWV 測試，一個頁面需要在所有三個組件上都獲得良好的分數。
一般來說，這些測試不僅關注頁面的速度，還關注頁面的響應速度和視覺穩定性。
資料來源：https://web.dev/vitals-business-impact/
在本文中，您可以找到所測試主題的 LCP 和 CLS 分數。 如前所述，無法通過 PSI 實驗室測試獲得 FID，但 TBT 與 FID 密切相關。
良好的 CWV 分數有助於提供積極的用戶體驗，也有助於提高搜索引擎排名。
從上面的結果可以看出，在桌面測試中，有3個主題的單品頁面性能評分在90分以上，8個主題在店舖首頁測試中得分在90以上。 沒有一個主題在移動測試中達到 90 或更高的及格性能等級。 然而，GeneratePress、Kadence 和 Shoptimizer 的得分最接近 90。
概括
如您所見，您對主題的選擇確實會影響您商店的速度，尤其是在移動體驗方面。
這些主題大多表現良好，表現成績和其他分數都不錯。 然而，有一些從競爭中脫穎而出，Botiga、GeneratePress、Neve 和 Shoptimizer 表現特別出色。
Divi、OceanWP 和 Woostify 似乎最掙扎，主要是在 PSI 移動結果方面。
正如我們之前提到的，移動在線購物正在繼續流行，因此選擇一個能夠為這些受眾快速加載的主題非常重要。
無論您選擇哪個主題，請務必優化您的網站，而不僅僅是使用 WordPress、您的主機和主題的默認設置。 與上述所有主題兼容的 NitroPack 等工具可以通過多種方式快速提升您網站的性能，包括在移動設備上的加載速度。