2022 年 12 個最快的 WooCommerce 主題

尋找最快的 WooCommerce 主題？

對於 WooCommerce 商店，速度是關鍵，因為頁面加載時間直接影響轉化率（決定您的收入）。 雖然您的 WooCommerce 主題並不是影響商店加載時間的唯一因素，但它將發揮重要作用。

出於這個原因，您想選擇一個 WooCommerce 主題，該主題將為您的商店在速度部門取得成功做好準備。

為了幫助您做到這一點，我們使用一些最受歡迎的選項進行了我們自己的動手性能測試，讓您對最快的 WooCommerce 主題有一個有證據支持的外觀。

我們將詳細解釋我們如何測試主題，以便您了解數據的來源。 然後，我們將分享每個主題的結果，以及主題的主要功能和定價信息。

我們如何測試最快的 WooCommerce 主題

以下是我們測試環境的完整細節：

測試地點

首先，我們的測試站點託管在廉價的 DigitalOcean 服務器上，儘管價格昂貴，但它實際上提供了相當穩定的性能。 它在全 Nginx 堆棧上運行（由 RunCloud 提供支持）。

為了創建一個真實的測試站點，我們使用以下內容設置我們的站點：

1. WooCommerce
2. 標準 WooCommerce 虛擬數據，可導入許多產品，包括圖像和所有相關產品詳細信息

我們沒有進行任何性能優化，例如緩存或代碼優化。 在現實世界中，您可以通過使用緩存插件和其他速度優化插件以及按照我們的指南加速 WordPress 來獲得更好的加載時間。

我們也沒有更改任何主題自定義選項——我們只是使用了默認設置。 這是比較主題的“最公平”的方式，儘管如果您導入演示網站或使用一些 WooCommerce 功能，您的網站可能會稍微重一些。

為了確保我們收集到有意義的性能數據，我們測試了每個主題的同一個產品頁面（而不是主頁）。

單個產品頁面看起來像這樣（示例主題是 Storefront）：

測試工具

為了收集測試數據本身，我們使用了 WebPageTest。 我們喜歡 WebPageTest 有幾個原因：

1. 它顯示了各種指標，包括第一個字節的時間 (TTFB)、Core Web Vitals（包括最大的內容繪製）、加載時間、HTTP 請求和頁面大小。
2. 我們可以將其配置為運行九個單獨的測試並取中值，這消除了單次測試的可變性並讓我們獲得更準確的結果。
3. 我們可以將其配置為運行桌面和移動測試並選擇各種連接速度。

我們希望這些數據盡可能有用，因此我們設置了測試來模擬真實場景並運行了兩個不同的測試：

1. 桌面：從桌面設備進行測試並使用節流 FIOS 連接 - 20/5 Mbps 4ms RTT。
2. 移動：從 iPhone 7+ 手機進行測試，並使用節流的“3G 快速”連接 - 1.6 Mbps/768 Kbps 150 ms RTT。 WebPageTest 讓我們可以使用真正的 iPhone 7+ 設備，而不是像其他一些工具那樣模擬手機。

因為我們正在限制連接速度，所以您會看到比使用 Pingdom 等工具（它使用超快的無限制連接）“更慢”的結果。 但是，這些速度將更準確地反映您真正的人類訪問者的體驗，因為他們中的大多數人不會在超快的 Internet 連接上瀏覽。

桌面時代也將比移動時代快。 發生這種情況有幾個原因：

• 移動連接速度較慢，因為我們正在節流到 3G。 在現實世界中，如果您的移動訪問者使用 4G 或將手機連接到 WIFI，他們可能會體驗到更好的加載時間。
• 移動設備不如桌面設備強大，這意味著處理 JavaScript 需要更長的時間。 請記住——我們使用的是舊款 iPhone 7+，而不是最新的頂級機型。

我們將在表格中顯示測試結果，但如果您想查看每個指標，我們還將鏈接到完整測試結果的圖像。 以下是我們將介紹的指標：

• 到第一個字節的時間 (TTFB) – 站點響應第一個數據字節所需的時間。
• 最大內容繪製 (LCP) – 主要內容變得可見所需的時間。 它旨在捕捉性能的用戶體驗部分，這是大多數人關心的。 它也是 Google 新的 Core Web Vitals 計劃的一部分，Google 將在 2021 年 5 月的頁面體驗更新中將其用作排名因素。
• 完全加載時間——WebPageTest 將其定義為“onLoad 之後網絡活動停止 2 秒的時間點”。
• HTTP 請求——站點發出多少 HTTP 請求——越少越好。
• 頁面大小——整個頁面的文件大小——越小越好。

請注意，WebPageTest 沒有為我們運行的移動測試提供 LCP 值。

介紹完所有這些之後，讓我們來看看最快的 WooCommerce 主題吧！ 它們按移動滿載時間排序，因為我們認為移動性能對電子商務商店來說非常重要。

在這篇文章的最後，我們還將所有數據放在一起，所以請繼續閱讀到最後以獲得結論。

1. 悉尼

悉尼是我們自己的輕量級多用途主題，還帶有深度的 WooCommerce 集成。

在 Sydney 1.75 中，我們進行了許多性能改進，以幫助它在這個最快的 WooCommerce 主題列表中獲得一席之地。

Sydney 沒有 jQuery 依賴項，它按照最佳實踐進行編碼，以幫助您的商店快速加載。

除了性能之外，它還具有完整的 WooCommerce 兼容性和功能，以及一些用於 WooCommerce 商店的可導入演示站點。

主要特點

• 三個 WooCommerce 演示站點（以及許多非 WooCommerce 演示）
• 產品價格、銷售徽章、產品標題等的可定製樣式
• 飛入式微型推車
• 無干擾結賬
• 視頻頭支持
• 深度 Elementor 集成，包括自定義 Elementor 塊
• 沒有 jQuery 依賴項
• 內置模式標記以改善 SEO

性能信息

• 桌面結果
• 移動搜索結果

價錢

悉尼有免費版本，但您需要高級版本才能訪問所有 WooCommerce 功能和演示站點。 在無限站點上使用它的費用為 69 美元。

2. 卡登斯

Kadence 是一個較新的 WordPress 主題，它迅速流行起來。 這是一個靈活的多用途主題，還提供與 WooCommerce 的深度集成。

總的來說，原生 WordPress 定制器中提供的深度定制選項引起了很多關注。

主要特點

• WordPress 定制器中的詳細定制選項
• 拖放頁眉和頁腳構建器
• 當用戶將產品添加到購物車時自動打開側購物車
• 阿賈克斯加入購物車
• 在關鍵位置輕鬆添加縮微副本和信任徽章
• WooCommerce 商店的兩個可導入演示站點

性能信息

• 桌面結果
• 移動搜索結果

價錢

核心 Kadence 主題可在 WordPress.org 免費獲得。 免費主題確實包括基本的 WooCommerce 兼容性，但如果您對您的商店很認真，您將需要專業版。

專業版可讓您訪問所有附加組件，包括 WooCommerce 附加組件，只需 79 美元即可獲得一年的支持和更新。 或者，您可以花 219 美元購買 Kadence Suite，其中包括開發人員提供的其他 WooCommerce 插件。

3. 波蒂加

Botiga 是我們全新的免費 WooCommerce 主題，我們從頭開始構建以優化性能。

它使用原生 JavaScript，不依賴於 jQuery 或其他庫，並且默認情況下還縮小了其 CSS 和 JavaScript。

開箱即用，重量僅為 82.8 KB，並且旨在保持輕量級，因為所有演示站點都是使用本機 WordPress 塊編輯器而不是較重的頁面構建器構建的。

但與此同時，Botiga 不會吝嗇功能，您可以訪問許多樣式選項和電子商務功能，以使您的商店取得成功。

主要特點

• 100% 致力於 WooCommerce
• 使用 vanilla JavaScript、內置縮小等針對性能進行了優化
• 使用輕量級 WordPress 塊編輯器 (Gutenberg) 構建的預製演示站點
• 高級 WooCommerce 自定義選項，包括多種購物車佈局、產品過濾器、銷售徽章等
• 實時 WordPress 定制器中的靈活設計選項

性能信息

• 桌面結果
• 移動搜索結果

價錢

Botiga 有一個免費版本，可以很好地用於簡單的 WooCommerce 商店。 然後，有一個 Pro 版本，它添加了有用的新功能，例如產品樣本、更多標題樣式、靈活的側邊欄位置、願望清單、粘性購物車等等。

專業版的費用為 69 美元，可在無限站點上使用。 您可以在定價頁面上查看 Botiga 免費版與 Pro 版之間的完整功能比較。

4.尼芙

Neve 是來自 ThemeIsle 的輕量級多用途主題。

免費的核心主題提供了輕量級的基礎和一般的 WooCommerce 兼容性，而高級版則通過其 WooCommerce Builder 模塊堆疊了一系列 WooCommerce 特定的功能。

主要特點

• 拖放頁眉和頁腳構建器
• 帶有 WooCommerce Builder 插件的定制器中的詳細 WooCommerce 選項
• 選中復選框啟用/禁用產品元數據
• 產品圖片放大
• 無干擾的結帳頁面，包括隱藏某些字段的選項，例如，如果您不提供優惠券，則為優惠券字段
• 產品快速瀏覽
• 願望清單功能

性能信息

• 桌面結果
• 移動搜索結果

價錢

核心 Neve 主題可在 WordPress.org 免費獲得。 要訪問 WooCommerce Booster 模塊和其他高級功能，Pro 版售價 99 美元（有一個更便宜的計劃，但它不包括 WooCommerce Booster 模塊）。

5. 阿斯特拉

Astra 是現有最流行的主題之一，它是第一個在 WordPress.org 上通過 100 萬次活躍安裝的非默認主題。

這是一個多用途主題，可用於任何類型的網站。 此外，它在高級版本中包括對 WooCommerce 的深度兼容性，以及許多有用的功能。

主要特點

• 大量可導入的 WooCommerce 演示網站
• WordPress 定制器中的大量樣式和佈局定制
• 產品過濾器和小部件的畫布側邊欄
• 產品快速瀏覽
• 產品無限滾動
• 下拉購物車
• 靈活的產品庫選項
• 無干擾結賬
• 產品目錄排序選項，例如按受歡迎程度（銷售額）或平均評分排序

性能信息

• 桌面結果
• 移動搜索結果

價錢

核心 Astra 主題可在 WordPress.org 免費獲得。 免費主題確實包括基本的 WooCommerce 兼容性，但您需要高級插件才能訪問大多數 WooCommerce 特定功能和自定義選項。

Astra Pro 在無限站點上使用的費用為 59 美元。

6. 伍斯特化

Woostify 是一個 100% 專注於 WooCommerce 的 WordPress 主題。 就個人而言，我認為這個主題是“Astra，如果 Astra 僅適用於 WooCommerce 商店”。

因為它僅適用於 WooCommerce，所以開發人員可以將所有精力用於構建 WooCommerce 演示站點並添加 WooCommerce 功能。

主要特點

• 針對不同領域的預建 WooCommerce 演示站點——演示站點使用 Elementor 作為演示內容，可以輕鬆定制
• 與流行的願望清單插件（YITH Wishlists 和 TI Wishlist）的內置集成
• WooCommerce 的大量定制器設置
• 多種購物車佈局
• 視頻產品庫支持
• 銷售倒計時增加緊迫感
• 銷售/查看通知
• 滑出式推車

性能信息

• 桌面結果
• 移動搜索結果

價錢

核心 Woostify 主題可在 WordPress.org 免費獲得。 它包括基本功能以及一些演示站點。

要解鎖所有演示站點並添加更多功能，您可以購買 Woostify Pro，起價為 49 美元，以便在單個站點上使用。

7. 店面

Storefront 是 WooCommerce 的“官方”免費主題，已下載超過 500 萬次。

由於它由核心 WooCommerce 團隊開發和維護，因此它在編碼時考慮了最佳實踐，並與許多官方 WooCommerce 擴展深度集成。

主要特點

• 直接來自 WooCommerce 團隊
• 專為 WooCommerce 打造
• 使用原生 WordPress 定制器定制您的商店
• 許多店面兒童主題讓您改變設計並使您的商店適應特定的利基市場

性能信息

• 桌面結果
• 移動搜索結果

價錢

核心店面主題是免費的。

然後，WooCommerce 團隊提供了許多免費和付費的兒童主題和擴展。

首先，Storefront Extensions 捆綁包以 69 美元的價格為 Storefront 添加了許多新功能和自定義選項。

在店面兒童主題方面，您會發現免費和付費選項。 高級兒童主題每個售價 39 美元。

8. 生成新聞

GeneratePress 是一個流行的輕量級多用途主題，在性能和代碼簡潔方面享有盛譽。

雖然您可以使用它來創建任何類型的 WordPress 網站，但您還可以獲得許多 WooCommerce 特定的功能，特別是如果您升級到 GeneratePress Premium（付費插件插件）。

主要特點

• 乾淨、輕量級的代碼
• 高級版中的專用 WooCommerce 插件 – 為您提供 WooCommerce 的特殊佈局和样式選項
• 菜單中的購物車圖標 - 顯示商品或購物車價值
• 粘性面板購物車 – 當購物者將商品添加到購物車和/或向下滾動時，會顯示一個粘性通知欄
• 選中復選框即可輕鬆啟用/禁用顯示產品元數據
• 無干擾結賬

性能信息

• 桌面結果
• 移動搜索結果

價錢

核心 GeneratePress 主題可在 WordPress.org 免費獲得。 免費主題確實包括基本的 WooCommerce 兼容性，但您需要高級插件插件才能解鎖大多數 WooCommerce 特定功能和自定義選項。

GeneratePress Premium 一年的支持和更新費用為 59 美元，終身支持和更新費用為 249 美元。

9. 蘭花店

與 Woostify 一樣，Orchid Store 是專門為 WooCommerce 構建的——它不像許多其他選項那樣是多用途主題。

它提供了比其他主題更“繁忙”的演示站點。 這不是批評，只是我在瀏覽它的演示時注意到的。

主要特點

• 專為 WooCommerce 打造
• 三個可導入的電子商務演示網站
• 阿賈克斯加入購物車
• 內置願望清單支持
• 貨幣切換器（專業版）
• 產品交易小部件（專業版）

性能信息

• 桌面結果
• 移動搜索結果

價錢

Orchid Store 在 WordPress.org 上有一個免費版本，還有一個高級插件，它為核心主題添加了額外的功能，在單個站點上使用需要 49 美元。

10. 優化器

與此列表中的許多其他主題不同，這些主題是具有詳細 WooCommerce 集成的多用途主題，Shoptimizer 是一個 100% 專用於 WooCommerce 的 WordPress 主題。

與其他主題相比，這種單一的焦點使其構建了一些更高級的 WooCommerce 特定功能。

最顯著的結果之一是一套以轉化為重點的功能，例如銷售倒計時和庫存狀態緊急通知、關鍵位置的信任徽章、用於解釋運輸和退貨政策的額外顯微空間等等。

它還包括一些內置功能來改善購物體驗，例如帶有即時結果的內置 Ajax 搜索。

主要特點

• 100% 致力於 WooCommerce
• 內置代碼縮小以提高性能
• 內置轉換優化功能，例如信任徽章、微文案等。
• 無干擾結賬
• 滾動上的粘性產品詳細信息
• 推動緊迫性的單一產品 FOMO，例如銷售倒計時或“庫存僅剩 X 件”
• “請求回電”功能，對高價值產品很有用
• 即時搜索結果的 Ajax 產品搜索
• 使用 Elementor 進行演示內容，便於定制

性能信息

• 桌面結果
• 移動搜索結果

價錢

Shoptimizer 僅提供高級版本。 它的標價是 99 美元，但基本上是永久折扣 39 美元，所以你應該可以花 39 美元購買它。

11. 海洋WP

OceanWP 是另一個以其靈活性和自定義選項而聞名的多功能主題。

它不像其他一些主題那麼輕巧，但它確實提供了大量 WooCommerce 特定的功能，這可能會使輕微的性能權衡值得一試。

主要特點

• 許多可導入的電子商務商店演示網站
• 靈活的購物車圖標
• 產品快速瀏覽
• 無干擾結賬
• 帶進度條的多步結帳
• 適用於台式機和移動設備的滑出式推車
• 畫布外產品過濾器
• 滾動時浮動添加到購物車欄

性能信息

• 桌面結果
• 移動搜索結果

價錢

OceanWP 的核心版本可在 WordPress.org 免費獲得，但 WooCommerce 商店將希望高級版本解鎖所有功能和演示站點。

高級版起價為 39 美元，可在單個站點上使用。

12. 迪維

Divi 是最受歡迎的高級 WordPress 主題之一，這在很大程度上要歸功於其捆綁的拖放構建器（Divi Builder）。

如果您純粹追求速度，Divi 將落後於這些其他主題。 但是，如果您追求速度和靈活性，並且無論如何都打算使用頁面構建器，那麼 Divi 實際上並不像乍一看那樣落後。

請記住，Divi 已經包含了可視化拖放構建器的“重量”，而其他主題則沒有。 因此，例如，如果您要將 Elementor 或 Brizy 添加到這些主題中的另一個主題中，那麼一旦您增加了這些構建器的權重，它們就會更接近 Divi。 當然，如果您不打算使用視覺構建器，那麼 Divi 就沒有任何意義。

主要特點

• 內置拖放生成器（Divi Builder）
• Divi Builder 支持頁面構建和完整主題構建，包括使用拖放構建器設計 WooCommerce 商店的模板
• 頁面構建器中的專用 WooCommerce 模塊
• 大型第三方市場，包括來自第三方開發者的專注於 WooCommerce 的附加組件

性能信息

• 桌面結果
• 移動搜索結果

價錢

Divi 僅作為優雅主題會員資格的一部分提供，您可以訪問所有優雅主題的產品，並以一個價格在無限的個人和客戶網站上使用。 您可以為一年會員支付 89 美元或為終身會員支付 249 美元。

哪個是最快的 WooCommerce 主題？

我們已經向您展示了各個主題的大量數據。 現在，讓我們將所有內容放在一起，讓您看看這些主題的比較。

我會用幾種不同的方式來解決這個問題。 首先，讓我們談談移動和桌面最快的整體主題：

• 移動：Botiga 在滿載時間中排名第一。
• 桌面版：Neve 在滿載時間方面排名第一，而 Woostify 在最大內容繪畫方面排名第一。

（請記住，WebPageTest 沒有在移動設備上提供 LCP 時間。）

當然，第一名和第二名之間的差距很小（甚至是第一名和第七名）。 因此，為了了解所有主題的比較情況，我整理了一些圖表：

手機（按滿載時間排序）：

台式機（由 LCP 訂購）：

HTTP 請求和頁面大小（按 HTTP 請求排序）：

此外，如果您想查看所有數據的原始轉儲，可以在此處查看完整表格。

總體結論

這是很多數據！ 如果我們在考慮桌面和移動性能時必須歸結為幾個結論，表現最好的似乎是：

• 悉尼 – 在移動端排名第二，在桌面 LCP 排名第二。
• Neve - 在桌面結果中排名第一，在移動中排名第三。
• Botiga – 在移動端排名第一，在桌面 LCP 排名第六。
• Woostify – 在桌面 LCP 中排名第一，但在桌面和移動端的滿載時間均排名第五。
• GeneratePress - 在桌面和移動設備上都有最小的頁面大小。 在桌面加載時間方面也排名第二。

正如我已經提到的，主題之間的差異並沒有那麼大。 例如，就桌面滿載時間而言，Astra 僅落後於 Neve 大約十分之一秒，因此我們並不是在談論排名第一和排名第七之間的巨大差異。

因此，如果您絕對喜歡其他主題之一，即使使用不同的主題，您仍然可以創建一個非常快速加載的網站。

您對最快的 WooCommerce 主題或我們如何測試這些主題有任何疑問嗎？ 在評論部分詢問我們！