2022年23個速度最快的WooCommerce主題

2022年23個最快的WooCommerce主題

最快的WooCommerce主題是討論的熱門話題,主要是因為做出公平評估具有挑戰性。許多主題開發人員聲稱他們的主題是最快的並不少見。但是,深入、公正的測試使我們能夠確定我們可以定期依賴的首選主題,尤其是在為具有一兩個主題的多個客戶建立網站時。

沒有完美的方法來衡量哪個WooCommerce主題是最快的,但是我們可以彙集大量工具來專注於那些因其速度而值得真正稱讚的主題。

因此,我們著手建立分析主題速度的先例,使用多個站點效能和載入時間評估器,並從我們自己的經驗和使用者評論中獲得一些幫助。

  1. 我們如何測試WooCommerce主題的速度
  2. 使用的速度測試工具
  3. 使用的指標
  4. 測試和分析了23個最快的WooCommerce主題

我們如何測試WooCommerce主題的速度

儘管沒有速度測試提供絕對的結果,但我們希望確保我們的速度測試模擬真實環境。來自主題開發者演示的測試速度帶來了各種各樣的問題。

由於每個主題的演示都託管在不同的伺服器上,因此一個主題可能比另一個主題快得多。此外,它們都可以有不同的內容。我們最終可能會用 1,000 種產品測試一個演示,而另一個只有 5 個。

因此,我們的測試結合了以下元素,以儘可能接近我們可以建立的真實情況,類似於我們對標準WordPress主題的速度測試

  • 乾淨的WordPress沙箱安裝,所有測試使用相同的託管基礎​​設施。
  • WooCommerce外掛。
  • 推薦的免費WooCommerce外掛(如Jetpack和Google Ads)。
  • 12個帶有影象、描述和已釋出產品頁面的演示產品。
  • 帶有產品相簿和橫幅影象的靜態主頁。
  • 演示主題單元測試XML檔案中的文章、頁面和其他專案。
  • 一個完整的選單。

通過這種配置,我們建立了一個儘可能接近現實的環境。正如您在下面看到的,我們在下面有一個帶有下拉選單的主頁。每次測試新主題時,我們都會保留上一個主題的內容,包括橫幅影象。

要記住的一件事是,我們沒有優化任何媒體或連線到內容交付網路 (CDN)。儘管這些元素屬於“真實世界”的範疇,但並非所有WordPress網站都使用相同的CDN,而其他網站則根本不使用任何CDN。

此外,該網站可能沒有影象優化外掛。因此,我們用虛擬內容填充了模擬站點,以測試每個主題在沒有所有效能升級的情況下如何工作。

我們用來測試主題的模擬WooCommerce網站

我們用來測試主題的模擬WooCommerce網站

我們認為擁有合法商店對於測試WooCommerce主題也很重要。因此,我們向模擬站點新增了幾個帶有影象、定價、按鈕和描述的產品。

我們還在主頁上新增了一個產品庫,以及整個網站的各種其他專案,例如數十個內容豐富的帖子和頁面。

我們模擬WooCommerce網站中的“產品”頁面

我們模擬WooCommerce網站中的“產品”頁面

使用的速度測試工具

我們使用了四種網站速度和優化測試工具來了解每個WooCommerce主題的優缺點。這樣,我們不僅堅持使用一種工具(這可能會導致不準確),而且我們還在檢視更多指標以檢視哪個主題最快。

以下是速度測試的簡要介紹:

  • GTmetrix Speed Test (Legacy):一種流行的分析工具,可以對具有兩種速度分數的站點進行排名。它還顯示載入時間、頁面大小和請求。GTmetrix報告非常適合用於確定可提高站點效能的區域。
  • Pingdom網站速度測試:另一個速度測試,可讓您更改伺服器位置並檢視頁面大小、載入時間和請求等站點資料。它還為每個測試分配一個效能評分。
  • Google PageSpeed Insights:這提供分數和建議,以通過特定細節改善網站效能,例如網站變得互動或顯示其第一個影象或文字所需的時間。
  • Bytecheck網站速度測試:TTFB(首位元組載入時間)審查,解釋第一個資料位元組出現在螢幕上需要多長時間。

使用的指標

我們使用來自GTmetrix(舊版)的指標包括:

  • PageSpeed分數——總分100分,結合影象優化和重定向等因素。
  • YSlow分數——總分100分,檢查DNS查詢和JavaScript等元素。
  • 完全載入時間– 載入整個網站需要多長時間。越低越好。
  • 總頁面大小– 每個已安裝主題的站點檔案大小。較小的檔案更好。
  • 請求– 將主題站點檔案交付給終端使用者所需的請求數。較少的請求是理想的。

GTmetrix速度測試

GTmetrix速度測試

Pingdom:

  • 效能評級——滿分100分,平均分數來自錯誤和內容大小等元素。
  • 載入時間——載入網站需要多長時間。越低越好。
  • 頁面大小——安裝了主題的站點檔案的總體大小。越小越好。
  • 請求數量——網頁發出的伺服器請求總數。越少越好。

Pingdom網站速度測試

Pingdom網站速度測試

Google PageSpeed Insights:

  • 總分——總分100分。因素包括顯示內容的時間和空閒時間。
  • First Contentful Paint——我們稱之為“第一個影象或文字”,指的是看到第一個專案需要多長時間。越低越好。
  • 速度指數– 載入所有站點元素所需的時間。越低越好。
  • Time to Interactive – 網站進行互動的時間,即使用者可以單擊按鈕或執行某些操作的時間。

Google PageSpeed Insights

Google PageSpeed Insights

Bytecheck:

  • TTFB——這是“首位元組載入時間”,或載入一個位元組資料所需的時間。越低越好。
  • Total Time – 所有位元組載入的載入總耗時。
  • 標頭大小– 標頭大小不會隨著我們演示站點的現有內容而發生太大變化,因此它對我們的分析沒有太大影響。

Bytecheck網站速度測試

Bytecheck網站速度測試

 

測試和分析了23個最快的WooCommerce主題

選擇過程涉及組織50個最受歡迎的WooCommerce主題,這些主題在可靠性和效能方面享有盛譽。我們還檢視了使用者評分和評論以縮小列表。如果一個主題有數百條評論,但平均為兩到三顆星,我們會將其從列表中刪除。

我們意識到不太流行(或更新)的主題也值得一試。因此,我們通過WordPress主題庫找到了更多獨特的WooCommerce主題,這些主題既現代又包含許多有益的功能。

對於批次中知名和未發現的主題,我們決定消除GTmetrix PageSpeed或Pingdom分數低於80的主題。

之後,有20多個主題符合要求。這些是最快的WooCommerce主題。我們的測試表明,雖然每個主題都能提供快速的結果,但並非所有主題都是平等的。

看看下面。

Orchid Store

WooCommerce主題Orchid Store為現代線上商店提供了靈活而時尚的外觀。它已準備好使用其WooCommerce整合和各種其他電子商務外掛

Orchid Store主題的優點在於您從標準的線上商店模板開始,但它具有為其他行業(例如體育用品商店和傢俱店)修改所需的設定和演示。

WordPress定製器是定製主題的主要方式,但它也是完全小部件化的,並且可以與一些知名的頁面構建器一起使用。

Orchid Store

Orchid Store

主題開發商ThemeBeez提供了幾個演示來嘗試簡單的自定義體驗,最終在網站釋出時在所有裝置上看起來都很棒。

Elementor與Orchid Store配合得很好,因此您可以從那裡利用WooCommerce元素。您還可以使用Orchid Store附帶的功能,例如大型選單生成器和願望清單工具。

價錢

Orchid Store主題可免費下載。

專業版的單站點許可證售價為49美元。您還可以為多個許可證或開發人員許可證支付額外費用。

顯著特點

  • 完全相容WooCommerce和其他WooCommerce外掛,如WooCommerce 員、訂閱和YITH願望清單。
  • 一個內建的大型選單,用於在選單中新增大型列表並結合視覺效果和眾多下拉選單。
  • 電子商務小部件庫。
  • 願望清單支援可幫助人們儲存專案以備後用。
  • 一個快速檢視按鈕,這樣您的使用者就不必直接進入實際的產品頁面來檢視更多資訊。
  • 支援Elementor,它是市場上最好的頁面構建器之一。
  • 多語言和翻譯工具,可以輕鬆翻譯您的網站並在其他市場銷售。
  • 快速換色設定以匹配您的品牌。
  • 位於主選單旁邊的特殊選單。將此用於產品類別或其他選單連結等內容。
  • 三個圍繞主頁外觀和感覺發生變化的演示。
  • 用於釋出公告或列出促銷活動的橫幅和滑塊小部件。
  • 一個號召性用語小部件,可提高轉化率。
  • 幾個圖示可供選擇並新增到您的標題區域。例如,您可以更改購物車和願望清單圖示的外觀。

主題分析

Orchid Store提供了一個相當理想的設計,它的移動效能在我們的測試中表現出色。結果與Orchid Store略有不同,但總體而言,它是一個可靠的主題,具有不錯的速度優勢。

GTMetrix速度測試

  • PageSpeed得分: 97%
  • YSlow分數: 88%
  • 完全載入時間: 5.1s
  • 總頁面大小: 352KB
  • 請求數: 34

Pingdom

  • 效能評分: 86
  • 載入時間: 1.02ms
  • 頁面大小: 373.8KB
  • 請求數: 34

PageSpeed Insights 測試(僅限移動裝置)

  • 總分: 71
  • 第一張圖片或文字: 3.8s
  • 速度指數(所有內容的可見人群): 4.7s
  • 完全互動的時間: 5.2s

位元組檢查TTFB測試

  • 首位元組載入時間: 599ms
  • 載入總耗時: 889ms
  • 標頭總體積: 517b

測試結論

Orchid Store贏得了PageSpeed分數測試,在GTMetrix評估中擊敗了所有其他主題。在對所有四個效能得分進行平均時,它也排名第二。它提供了97的PageSpeed分數,這是唯一超過94分的主題。除此之外,YSlow、Pingdom和Google Pagespeed Mobile的得分都達到了人們所希望的水平。

奇怪的是,Orchid Store在頁面載入時間方面處於相反的位置。當我們平均載入時間測試時,它在後五名中完成,GTMetrix載入時間剛剛超過五秒。TTFB看起來還不錯,而且Pingdom載入時間也不錯。更不用說,蘭花商店主題擁有最快的移動速度指數。只有GTMetrix載入時間在載入時間結果中對其進行了權衡。也許它與外掛衝突,或者只是在該測試中遇到了問題,因為其他所有測試都提供了一流的結果。

eStore by ThemeGrill

eStore主題提供了一個乾淨、簡約的線上商店設計,以吸引客戶並將注意力集中到網站的某些區域,而不是用太多的盒子弄亂它。但是,它仍然支援多個小工具和橫幅區域。它還提供了一個漂亮的標題模組,帶有互動式購物車圖示、收藏按鈕等等。

eStore主題來自ThemeGrill,它是WordPress開發人員的最愛。還有一些其他ThemeGrill電子商務主題可用,但我們發現eStore在我們的測試中速度最快。至於定製,您可以從四個eStore演示中進行選擇,其中一個側重於時尚,另一個則側重於技術設計。

eStore

eStore

eStore主題在移動裝置上看起來很可愛,並且允許對主頁和購物區進行大量自定義。它以其速度和輕巧的構造而聞名,因此很高興看到讚譽與我們的測試結果相匹配。除此之外,您從ThemeGrill獲得的任何主題都帶有一流的客戶支援,在您為客戶或您自己開發網站的過程中為您提供指導。

價錢

eStore主題可免費下載。您還可以購買69美元的eStore Pro,它可以為您提供一年的高階支援、更新以及標題、WooCommerce和排版的高階工具。

隨著您新增更多許可證,價格會上漲。ThemeGrill還以99美元的價格出售所有主題計劃,它可以讓您獲得開發人員製作的所有主題。

顯著特點

  • 一個時尚的主頁,帶有用於放置英雄影象、橫幅和按鈕的模組。
  • 可自定義的標題,帶有購物車的互動式按鈕、強大的選單和訊息橫幅。
  • 四個演示,可以使用預設的eStore佈局開始您的設計,也可以建立一些利基產品,例如技術或服裝店。
  • 顏色、小部件和排版的自定義工具。
  • 一鍵式演示匯入選項,用於啟動您的入門站點並從ThemeGrill不斷增長的演示庫中進行選擇。
  • 完全相容WooCommerce,帶有專為轉換而設計的時尚購物車。
  • 一個購物車圖示選單區域,您可以根據需要自定義和新增其他元素。
  • 您的購物車的多種佈局。
  • 主頁頂部的商店通知訊息。
  • 快速的視覺設定來調整產品目錄和建立產品畫廊。
  • 與最流行的頁面構建器整合,例如 Gutenberg、Beaver Builder和Elementor。
  • 一個粘性選單,功能很像大型選單,允許多個下拉選單和擴充套件。
  • 當您升級到高階計劃時,其他WooCommerce功能和拖放模組。

主題分析

作為一個嚴格基於電子商務的主題,eStore結合了簡單性和功能性,同時也向我們展示了擁有一個快速執行的大型線上商店並非不可能——即使沒有世界上最快的WordPress託管。

GTMetrix速度測試

  • PageSpeed得分: 94%
  • YSlow分數: 89%
  • 完全載入時間: 4.3s
  • 總頁面大小: 599KB
  • 請求數: 55

Pingdom

  • 效能評分: 82
  • 載入時間: 1.05s
  • 頁面大小: 635.8KB
  • 請求數: 55

PageSpeed Insights測試(僅限移動裝置)

  • 總分: 59
  • 第一張圖片或文字: 3.2s
  • 速度指數(所有內容的可見人口): 5.3s
  • 完全互動的時間: 6.8 秒

位元組檢查TTFB測試

  • 首位元組載入時間: 582ms
  • 載入總耗時: 892ms
  • 標頭總體積: 510b

測試結論

eStore主題以其全面的高效能得分給人留下了深刻的印象。它在平均效能得分時排在前10位,使其成為最快的WooCommerce主題之一。PageSpeed、Google Mobile和YSlow的分數看起來都不錯。它可能缺少的唯一領域——但不是很多——是Pingdom分數。

載入時間略有不同,但eStore似乎仍然是一個實用的選擇,特別是如果您正在尋找一個主要提供電子商務功能的主題。GTMetrix載入時間超過四秒,但其他一切,從Pingdom載入時間到移動速度指數都很好。

Astra

Astra的下載量超過一百萬,是最受歡迎的 WordPress 主題之一。主題可以定製和個性化以適應任何網站。

Astra帶有150多個預製模板,這些模板由Elementor、Beaver Builder和Gutenberg等流行的頁面構建器構建。每個模板都適用於特定行業或網站,包括時裝設計師、珠寶商、產品公司、瑜伽老師等。前往Astra的網站檢視所有這些模板

Astra

Astra

最重要的是,基本主題本身只有50KB。這使得它可以快速載入,這在銷售產品時至關重要。畢竟,客戶不想等待您的網站載入。Astra與WooCommerce配合得非常好,是最受推薦的WordPress電子商務主題之一。

在設計方面,Astra可以無限定製。您可以使用拖放介面建立頁首和頁尾,控制顏色和字型,並使用不同的佈局,如網格、列表或砌體。預設情況下,Astra中的所有內容都針對移動裝置進行了優化。

價錢

Astra主題可免費下載。高階計劃起價59美元,包括100多個入門模板、一對一支援、無限網站使用和其他功能。高階計劃包括更多模板、訪問Convert Pro或Scheme Pro等其他外掛,以及免費成為SkillJet Academy(網頁設計課程庫)的會員。

顯著特點

  • 只有50KB的檔案大小意味著您的網站將在半秒內載入。
  • 響應迅速,適合移動裝置,並針對移動銷售進行了優化。
  • SEO優化,可在Google搜尋結果中最大化您的產品列表。
  • 超過150個預製模板,適用於各種型別的業務。這些模板適用於Beaver Builder和Elementor等流行的頁面構建器。
  • 轉換就緒結賬,減少購物車放棄
  • 使用高安全標準清潔程式碼,以確保客戶的交易100%安全。
  • 通過分頁或無限滾動顯示您的產品。
  • 在畫布側邊欄中新增產品搜尋過濾器。
  • Quick View讓客戶無需開啟新頁面即可預覽產品。
  • 下拉購物車視窗可快速檢視新增到購物車的所有產品。
  • 高度可定製的結帳流程,以增強使用者體驗。

主題分析

Astra是最輕量級的WordPress主題之一。無論您新增多少額外功能,它的模組化特性都能確保它保持這種狀態。難怪它在這個名單上。讓我們看看它的表現如何。

GTMetrix速度測試

  • PageSpeed得分: 93%
  • YSlow分數: 91%
  • 完全載入時間: 1.1s
  • 總頁面大小: 350KB
  • 請求數: 37

Pingdom

  • 效能評分: 90
  • 載入時間: 1.44s
  • 頁面大小: 365.5KB
  • 請求數: 37

PageSpeed Insights測試(僅限移動裝置)

  • 總分: 79
  • 第一張圖片或文字: 2.6s
  • 速度指數(所有內容的可見人群): 4.4s
  • 完全互動的時間: 3.8 秒

位元組檢查TTFB測試

  • 首位元組載入時間: 48ms
  • 載入總耗時: 48ms
  • 標頭總體積: 496b

測試結論

Astra在所有測試中的表現都非常出色。值得注意的是,它的Google Mobile效能得分為79,是所有測試過的WooCommerce主題中最高的。這使它成為最快的WooCommerce主題之一(而且它是免費的)。

Astra主題在網頁載入時間方面也很穩固。其48毫秒的TTFB是同類產品中最快的。雖然它的GTMetrix得分略低於Orchid 和 GeneratePress等其他主題,但在平均所有效能得分時,它仍然排在前5名。

Kadence

在測試最快的WordPress主題時,我們推薦了Kadence主題。它提供了高階效能和多個視覺化構建器,用於自定義站點的標題和幾乎所有其他元素。

Kadence主題

Kadence主題

該主題為WooCommerce提供支援和幾個演示,以最少的設計工作啟動您的線上商店。每個模板都允許WooCommerce功能,但有些模板提供特定於電子商務的設計元素,如購物車和產品畫廊,如下所示。

Kadence商店演示

Kadence商店演示

價錢

核心主題是免費提供的。高階版的終身費用為259美元,您偶爾會發現折扣到一半左右。它包括對無限站點的支援和終身客戶支援。

還有終身會員資格,其中包括其他附加元件和外掛。

顯著特點

  • 帶有自定義區塊的WooCommerce外掛,用於構建線上商店。
  • 用於切換商店的小部件區域。
  • 用於將單個專案新增到購物車的AJAX功能。
  • 將產品放入購物車時自動開啟的側推車。
  • 整個網站的拖放構建器,以及一個專門為標題製作的構建器。
  • 用於生成大型選單式導航的多列和下拉選單。
  • 提供完整線上商店設計的入門模板,其中一個用於所有型別的購物,另一個用於銷售線上課程。
  • 引導客戶完成購物過程的麵包屑。

主題分析

Kadence是一個多功能的多用途主題,具有完整的WooCommerce支援、可靠的效能得分和可觀的載入時間。

GTMetrix速度測試

  • PageSpeed得分: 94%
  • YSlow分數: 89%
  • 完全載入時間: 4.1s
  • 總頁面大小: 465KB
  • 請求數: 42

Pingdom

  • 效能評分: 86
  • 載入時間: 1.86s
  • 頁面大小: 492.6KB
  • 請求數: 42

PageSpeed Insights測試(僅限移動裝置)

  • 總分: 60
  • 第一張圖片或文字: 2.9s
  • 速度指數(所有內容的可見人群): 7.2s
  • 完全互動的時間: 5.6 秒

位元組檢查TTFB測試

  • 首位元組載入時間: 640ms
  • 載入總耗時: 880ms
  • 標頭總體積: 510b

測試結論

Kadence主題是GTmetrix PageSpeed評分中的領跑者,其YSlow評分也不容小覷。移動結果也不錯。

Kadence的載入時間較慢——與此列表中的其他主題相比——但它仍然足夠快,可以被視為快速主題。你可以對它的移動速度指數說同樣的話。

StoreVilla

StoreVilla通過線上商店和內建定製工具為珠寶、時尚和生活方式品牌等行業提供優雅且易於使用的設計流程。這個WooCommerce主題擁有大量的追隨者,有數千次下載和一個開發人員友好的介面,非常適合SEO、定製和響應。它由AccessPress公司出售,該公司是一位經驗豐富的開發人員,擁有100多個外掛和60個主題。

StoreVilla

StoreVilla

至於StoreVilla主題的整體設計,它具有時尚的選單和標題區域,帶有購物車圖示和願望清單等互動元素。有一個區域包含商店聯絡資訊以提供支援,還有一個可編輯的搜尋/過濾欄位,其中包含一個下拉選單和搜尋欄位,供客戶查詢產品。

主題附帶了相當多的滑塊和橫幅,您甚至可以在主頁上自定義多個產品類別和畫廊。它還充滿了側邊欄、網格和格式選項,以將主頁與內容打包在一起,包括用於連結到條款和條件以及許多其他頁面的大頁尾。

價錢

StoreVilla主題可免費下載。高階版售價55美元。它包括主題的終身權利以及一年的高階支援和升級。

終身計劃的價格為299美元,所有AccessPress主題的計劃價格為99美元。

顯著特點

  • 一鍵式演示資料,只需單擊一個按鈕,即可將您的網站變成線上商店。
  • 高階顏色和排版選項,使網站的外觀與您的品牌相匹配。
  • 無限的滑塊和橫幅,由內建滑塊模組或與Slider Revolution的整合製成。
  • 一個高階產品搜尋框,包含在主題的預設設計中,就在過濾工具旁邊。
  • 為聯絡資訊和導航選單提供可編輯區域的智慧標題。您可以從三種標題佈局中進行選擇以開始使用。
  • 超過15個小部件可突出顯示主頁和側邊欄上的產品。
  • 一個獨特的水平選項卡功能,可在頁面側面以更有條理的方式展示WooCommerce集合。
  • 向您的客戶顯示特別優惠和交易的部分。
  • 包含拖放產品列表頁面的小部件。
  • 一個自定義CSS模組,為開發人員提供擴充套件當前主題構建所需的靈活性。
  • 內建麵包屑,可幫助使用者瀏覽您的網站。

主題分析

毫無疑問,StoreVillaWooCommerce主題是可供選擇的更注重功能的線上商店主題之一。但是,移動部件過多可能最終會降低網站速度。讓我們來看看測試結果。

GTMetrix速度測試

  • PageSpeed得分: 94%
  • YSlow分數: 86%
  • 完全載入時間: 3.8s
  • 總頁面大小: 627KB
  • 請求數: 59

Pingdom

  • 效能評分: 83
  • 載入時間: 0.97 秒
  • 頁面大小: 666.3KB
  • 請求數: 59

PageSpeed Insights測試(僅限移動裝置)

  • 總分: 54
  • 第一張圖片或文字: 3.7s
  • 速度指數(所有內容的可見人口): 6.1s
  • 完全互動的時間: 6.9s

位元組檢查TTFB測試

  • 首位元組載入時間: 689ms
  • 載入總耗時: 944ms
  • 標頭總體積: 510b

測試結論

StoreVilla的PageSpeed得分表現出色,最終以90+的成績成為頂級競爭者。谷歌手機的測試分數在該領域的中間,雖然算不上模範,但也算不上最差。事實上,與其他快速WordPress主題相比,從YSlow到Pindgom的所有其他效能測試都將StoreVilla列為平均主題。

載入時間測試的前景略有改善,看看StoreVilla主題在平均所有載入時間得分時如何進入前10名。GTMetrix載入時間是平均的,但它優於Pingdom載入時間,並且TTFB結果是可以接受的。移動速度指數有點令人擔憂,但與本分析中的大多數其他主題相差不遠。

ShopIsle

ShopIsle是來自ThemeIsle和CodeInWP開發人員的主題。該公司吹捧忠實的會員基礎和一系列以速度和直觀而聞名的主題。

ShopIsle主題是該品牌的幾個線上商店模板之一,具有專門為WooCommerce設計的介面。靈活的主題在其預設演示中包括以下內容:英雄影象、選單、購物車圖示、搜尋欄和側邊欄過濾器。您還可以找到覆蓋在產品庫頂部的各種互動式和動畫按鈕。

ShopIsle Pro

ShopIsle Pro

ShopIsle開發人員為所有型別的線上商店推薦該主題,也可以作為製作單頁網站的一種方式。該主題提供視差效果和一些其他動畫元素,這些元素可以為您的網站增添創意而不會減慢速度。新增它與多個頁面構建器整合的事實,它似乎是構建電子商務商店的絕佳解決方案。

價錢

ShopIsle有一個免費版本可供下載。高階版的售價為69美元,商業和代理升級版的售價分別為99美元和199美元。

顯著特點

  • 支援SiteOrigin、Beaver Builder和Elementor等頁面構建器。
  • 側邊欄過濾器,用於按價格、產品類別等對列表進行分類。
  • 一個響應迅速的大型選單,並帶有子大型選單,用於填寫產品資訊和其他內容。
  • 一分鐘的配置和演示設定過程。
  • 自定義背景以新增與您的品牌相匹配的媒體專案。
  • 實時定製器,可實時檢視您的網站的外觀。
  • 可翻譯的檔案,可將您的業務範圍擴大到其他國家並本地化您的產品列表。
  • 按鈕動畫和視差元素為您的設計增添趣味,但不會減慢它的速度。
  • 與WooCommerce完全整合,包括購物車和搜尋欄的互動式按鈕。
  • 各種佈局,例如適用於常規網站和電子商務網站的單頁設計。

主題分析

如前所述,ThemeIsle在製作WordPress主題時考慮到了速度。主題通常是輕量級的,並且包含不知道會影響效能的互動式元素和動畫。我們測試了幾個ThemeIsle主題,ShopIsle表現最好。它實際上是一個WooCommerce主題,這就是我們正在研究的主題。

GTMetrix速度測試

  • PageSpeed得分: 92%
  • YSlow分數: 85%
  • 完全載入時間: 3.1s
  • 總頁面大小: 796KB
  • 請求數: 62

Pingdom

  • 效能評分: 83
  • 載入時間: 2.20s
  • 頁面大小: 840.4KB
  • 請求數: 62

PageSpeed Insights 測試(僅限移動裝置)

  • 總分: 41
  • 第一張圖片或文字: 3.9s
  • 速度指數(所有內容的可見人群): 8.4s
  • 完全互動的時間: 8.2s

位元組檢查 TTFB 測試

  • 首位元組載入時間: 526ms
  • 載入總耗時: 765ms
  • 標頭總體積: 510b

測試結論

儘管在大多數效能分數上都令人印象深刻,但ShopIsle在Google Mobile測試中表現不佳,在對四個效能分數進行平均時將其排在結果列表的底部。但是,我們應該記住,其他三個分數一點也不差。

同樣,在載入時間測試中,ShopIsle以平均總分排名墊底。但是,不要讓它愚弄你。ShopIsle在GTMetrix和TTFB測試上釋出了不錯的載入時間。不幸的是,Pingdom測試本來可以更好,而移動速度指數是所有評估主題中最差的。

AccessPress Store

AccessPress Store主題是市場上最快的WooCommerce主題之一,它體現了許多開發人員認為的功能亮點。

這是因為主頁上的可點選按鈕和互動專案的列表很長,使用數十個小部件和可定製的模組來提供終極設計體驗。即使看一下滑塊,也可以看出多年來該設計已經變得多麼令人印象深刻。您可以將小部件安排到頁尾、側邊欄和主頁中,同時還可以為您的產品構建畫廊以供客戶新增到內建的願望清單中。

 

AccessPress商店主題

AccessPress商店主題

即使擁有所有這些功能,AccessPress Store在效能領域也大放異彩。載入時間與業務中的佼佼者相提並論,並且在效能得分方面盡最大努力不表現出許多弱點。

價錢

AccessPress Store 主題的免費版本可用。高階主題售價55美元。

顯著特點

  • 一個優化的主頁,在小部件空間的幫助下執行,為您的公司打造完全獨特的外觀。
  • 如果您經營的是B2B線上商店,則為客戶徽標部分。
  • 推薦和團隊部分為您的商店新增額外的個性化元素並推動更多銷售。
  • 多個選項卡可在不同部分顯示產品和類別。
  • 令人驚歎的結帳頁面,不僅可定製,而且針對銷售進行了優化。
  • 相當多的小部件專注於電子商務設計領域,例如顯示新增到您商店的最新產品的小部件。
  • 用於宣佈促銷或傳送有關貴公司的新聞的頁面橫幅。
  • 超過14個其他小部件可放置在您的主頁上併成為您自己的。
  • 一個有四種佈局的部落格。
  • 幾個WooCommerce特定設定,例如擁有WooCommerce存檔佈局的選項。
  • 為您的銷售增加緊迫感的促銷程式碼。
  • 超大選單。
  • 為您的客戶搜尋高階產品和內容。
  • YouTube整合,可將視訊新增到您的主頁和可能的產品頁面。

主題分析

功能列表很棒。評論站得住腳。我們知道AccessPress Themes是業內受人尊敬的名稱。但是AccessPress Store主題的速度結果如何呢?

GTMetrix速度測試

  • PageSpeed得分: 93%
  • YSlow分數: 85%
  • 完全載入時間: 3.3s
  • 總頁面大小: 741KB
  • 請求數: 61

Pingdom

  • 效能評分: 82
  • 載入時間: 1.40s
  • 頁面大小: 778.8KB
  • 請求數: 61

PageSpeed Insights 測試(僅限移動裝置)

  • 總分: 54
  • 第一張圖片或文字: 4.1s
  • 速度指數(所有內容的可見人群): 6.2s
  • 完全互動的時間: 6.9s

位元組檢查 TTFB 測試

  • 首位元組載入時間: 676ms
  • 載入總耗時: 939ms
  • 標頭總體積: 510b

測試結論

GTMetrix、YSlow和Pingdom的效能分數都顯示AccessPress Store是一個快速可靠的主題。谷歌速度測試分數最終低於預期。將它們全部平均起來,AccessPress Store最終位於主題列表的中間。

在載入時間測試方面,AccessPress Store看起來像是贏家。在檢視GTMetrix、Pingdom和TTFB測試的載入時間時,它是前10名競爭者和亮點。再一次,移動速度負載測試是AccessPress Store唯一出現一點問題的地方。但是,當您將其與其他主題進行比較時,它仍然高於平均水平。

Hello Elementor

Hello Elementor以提供空白畫布而聞名,因為它使用了極簡的介面和設計模組。這個gem由Elementor的開發人員構建,這是另一個非常受歡迎的頁面構建器。就像頁面構建器一樣,Hello Elementor吹捧多功能性、速度和輕量級檔案。

Hello Elementor

Hello Elementor

標準主題與Elementor構建器結合得最好,它是製作專注於一個或兩個元素的登入頁面的重要工具。這是轉換客戶的絕佳解決方案,而WooCommerce整合使其更加特別。

儘管Hello Elementor沒有那麼多電子商務演示,但有一些是針對獨特市場提供的,例如下面的用於銷售書籍的演示。

Bookspot演示

Bookspot演示

價錢

你好 Elementor 是免費的。要接收專業小部件、模板和WooCommerce構建器,您必須以每年49美元的價格升級到個人計劃。當您新增更多站點時,可以使用其他計劃。

顯著特點

  • 與令人難以置信的Elementor頁面構建器直接整合的時尚設計。
  • 支付WooCommerce Builder的選項,它是Elementor頁面構建器的一部分,其中包括用於建立商店的模組。
  • 超過15個商店小部件。
  • 支援動態內容和自定義欄位。
  • 超過80個基本和高階小部件,可用於您的線上商店或網站的標準部分。
  • 超過300個模板,其中許多為線上商店提供工具和設計。
  • 適用於市場、書店等的定價表和獨特的銷售模板。

主題分析

Hello Elementor一直在網際網路上看到一些最好的速度評級。甚至我們自己的WordPress主題速度評估也將Hello Elementor顯示為效能的首選主題之一。讓我們看看它如何支援WooCommerce。

GTMetrix速度測試

  • PageSpeed得分: 94%
  • YSlow分數: 90%
  • 完全載入時間: 2.9s
  • 總頁面大小: 435KB
  • 請求數: 41

Pingdom

  • 效能評分: 86
  • 載入時間: 1s
  • 頁面大小: 461.3KB
  • 請求數: 41

PageSpeed Insights 測試(僅限移動裝置)

  • 總分: 75
  • 第一張圖片或文字: 2.6s
  • 速度指數(所有內容的可見人口): 5.0s
  • 完全互動的時間: 5.1 秒

位元組檢查 TTFB 測試

  • 首位元組載入時間: 595ms
  • 載入總耗時: 1143ms
  • 請求大小: 200b
  • 標頭總體積: 510b

測試結論

對於效能分數,Hello Elementor最終獲得了所有四個分數的最高平均值。Hello Elementor的優點在於它提供了最好的谷歌移動分數,最終比這個列表中的所有其他主題都要強得多。YSlow、Pingdom和GTMetrix分數也很高。

至於載入時間,Hello Elementor在對所有四項測試的結果進行平均時聲稱獲得第二名。它的TTFB非常快,Pingdom和GTMetrix載入時間驗證了Hello Elementor是WooCommerce主題世界中的速度者。

Storefront

Storefront主題是WooCommerce開發人員自己構建的預設框架。該品牌提供了幾個與框架一起使用的子主題,它被稱為通過WordPress構建線上商店的一個很好的起點。

Storefront

Storefront

正如您可能假設的那樣,Storefront主題與WooCommerce整合得很好,它提供了各種顯示選項來調整設計並自定義從購物車到產品畫廊的所有內容。

以電子商務為中心的主頁包括多個打折商品和產品評級選項,使該主題非常適合練習您的開發技能或從頭開始構建自定義商店。

價錢

免費。您必須為某些子主題付費。它們的售價通常在40美元左右。

顯著特點

  • 適合不同行業的兒童主題和演示的精美集合。一些主題為熟食店、專賣店、家居商店和Boutique提供設計。
  • 與WooCommerce的平滑整合以及您可以新增到WooCommerce的各種擴充套件。
  • 一個基於網格的系統,有助於組織您的產品和移動設計元素。
  • 用於更改顏色、字型等的視覺定製器。
  • 僅迎合線上商店的主頁。您會發現產品畫廊、特價商品和特色產品的功能。
  • 產品類別顯示和評級。

主題分析

我們一直認為Storefront主題為啟動線上商店提供了最快的框架之一。它既輕巧又幹淨,沒有太多的設計元素可能會壓垮它。

它仍然相當快,但不如預期的那麼好,至少與此列表中的其他人相比。

GTMetrix速度測試

  • PageSpeed得分: 93%
  • YSlow分數: 88%
  • 完全載入時間: 3.2s
  • 總頁面大小: 632KB
  • 請求數: 54

Pingdom

  • 效能評分: 83
  • 載入時間: 1.02s
  • 頁面大小: 670.2KB
  • 請求數: 54

PageSpeed Insights 測試(僅限移動裝置)

  • 總分: 23
  • 第一張圖片或文字: 4.2s
  • 速度指數(所有內容的可見人口): 7.1s
  • 完全互動的時間: 9.1s

位元組檢查 TTFB 測試

  • 首位元組載入時間: 710ms
  • 載入總耗時: 967ms
  • 標頭總體積: 510b

測試結論

要注意的第一個分數是整體移動分數。Storefront主題最終以該領域中最差的分數結束。Pingdom效能得分也相對較低,儘管YSlow和PageSpeed得分看起來不錯。

Storefront在載入時間方面的表現要好得多,最終在GTMetrix上的載入時間排名前五。Pingdom和TTFB載入時間看起來不錯,但移動速度指數令人擔憂。

GeneratePress

在任何關於輕量級、快速主題的討論中,GeneratePress主題都會引起注意,這是有充分理由的。GeneratePress不僅看起來有吸引力且現代,而且在安裝在空白WordPress網站上時提供了令人印象深刻的速度測試。

但是,我們也想看看這個主題在與其他外掛(包括WooCommerce和無數產品)打包時如何保持載入時間。

GeneratePress

GeneratePress

基本的GeneratePress主題用作具有頁面構建器整合的框架以及為開發人員提供的大量鉤子和過濾器。自定義選項似乎無窮無盡,具有完整的佈局控制和外掛相容性。

該站點庫迎合所有型別的企業,為服裝店和亞馬遜類似商品提供部落格模板、企業主頁和電子商務主題。

Merch演示

Merch演示

價錢

GeneratePress是免費提供的。高階版——包括無限制的網站支援和對模板庫的完全訪問——售價為每年49.95美元,對於每年的高階會員來說,這個價格相當便宜。

顯著特點

  • 在GeneratePress框架主題上安裝多個演示,其中許多包含電子商務設計和購物車按鈕。
  • 佈局控制主題在平板電腦和桌上型電腦等裝置上的顯示方式。
  • 頁面構建器選項可控制您的設計模組並移動從產品影象到主頁畫廊的所有內容。
  • 鉤子和過濾器以擴充套件可供開發人員使用的自定義選項的數量。
  • WooCommerce商店的其他顏色和排版選項。
  • 用於構建畫布選單項和移動導航的高階選單。
  • 全寬背景以高解析度方式展示您的產品,而不會減慢您的網站速度。

主題分析

在過去的測試中,我們發現GeneratePress是網際網路上最快的主題之一。因此,執行相同的測試但在後臺執行不同的媒體型別和完整的電子商務功能是很有趣的。

GTMetrix速度測試

  • PageSpeed得分: 94%
  • YSlow分數: 88%
  • 完全載入時間: 2.7s
  • 總頁面大小: 516KB
  • 請求數: 51

Pingdom

  • 效能評分: 84
  • 載入時間: 1.01s
  • 頁面大小: 550.5KB
  • 請求數: 51

PageSpeed Insights 測試(僅限移動裝置)

  • 總分: 62
  • 第一張圖片或文字: 3.3s
  • 速度指數(所有內容的可見人口): 5.1s
  • 完全互動的時間: 5.2s

位元組檢查 TTFB 測試

  • 首位元組載入時間: 631ms
  • 載入總耗時: 911ms
  • 請求大小: 200b
  • 標頭總體積: 536b

測試結論

GeneratePress在平均所有效能得分時進入前10名。此外,每個單獨的結果都是可觀的。移動測試是唯一可能引發一些問題的測試。

另一方面,當使用WooCommerce、網站內容和各種其他外掛時,GeneratePress的載入時間超過了大多數其他主題。GTMetrix載入時間是同類中最快的,Pingdom是最快的之一,TTFB和移動速度指數均處於領先地位。

ShoppingCart

與此列表中的許多多功能主題不同,ShoppingCart主題有一個目的,即提供功能豐富的線上商店。

它的後端和前端介面提供時尚的設計、媒體專案和小部件來發布您的產品。該主題充滿了小部件和橫幅,允許管理員共享有關銷售的資訊並迴圈瀏覽主頁畫廊中的頂級產品。

ShoppingCart主題

ShoppingCart主題

ShoppingCart 提供多種佈局,您可以整合社交媒體按鈕,讓客戶在Facebook和Twitter上關注您。有一個演示匯入和配置過程,您可以在其中從一些類似的電子商務演示中進行選擇。

價錢

基本的ShoppingCart主題是免費的。

個人和商業計劃的價格分別為59美元和79美元。甚至還有99美元的開發人員選項。

顯著特點

  • 一個主題和外掛庫,可提升您的設計機會並擴充套件基本主題功能。
  • 用於放置橫幅廣告、促銷資訊和產品連結的小部件的幾個位置。
  • 帖子和頁面的多種佈局。
  • 放置在您的主頁或商店上的社交圖示。
  • 獨特的商店設計(優質產品),例如雜誌網站、聖誕商店和超市。
  • 內容豐富的標題,包含搜尋欄、大型選單和購物車按鈕等專案。

主題分析

ShoppingCart主題專為電子商務而設計。考慮到像ShoppingCart這樣的媒體密集型主題經常遇到問題,我們很想看看移動速度測試的結果如何。

GTMetrix速度測試

  • PageSpeed得分: 93%
  • YSlow分數: 88%
  • 完全載入時間: 4.8s
  • 總頁面大小: 601KB
  • 請求數: 54

Pingdom

  • 效能評分: 83
  • 載入時間: 1.03s
  • 頁面大小: 638KB
  • 請求數: 54

PageSpeed Insights 測試(僅限移動裝置)

  • 總分: 56
  • 第一張圖片或文字: 3.2s
  • 速度指數(所有內容的可見人群): 5.9s
  • 完全互動的時間: 6.8 秒

位元組檢查 TTFB 測試

  • 首位元組載入時間: 679ms
  • 載入總耗時: 991ms
  • 標頭總體積: 510b

測試結論

ShoppingCart主題顯示出可觀的PageSpeed、YSlow和Pingdom分數。拉低其平均值的主要因素是谷歌移動測試。

載入時間測試顯示,平均得分時,ShoppingCart處於中間位置,並且Pingdom和TTFB載入時間都保持很快。同樣,與本文中的其他主題相比,該主題在移動速度指數方面有些困難。

OceanWP

OceanWP預設為各行各業提供快速而強大的多用途模板。此外,OceanWP還提供專為WooCommerce構建的免費和高階電子商務演示。

無論您是在標準OceanWP主題中加入自己的設計元素,還是使用線上商店演示,該主題都有線上銷售所需的工具。

OceanWP

OceanWP

截至本文為止,三個線上商店演示使用產品畫廊、橫幅和購物車圖示將您的OceanWP主題變成了一個成熟的電子商務商店。

OceanWP演示

OceanWP演示

價錢

核心OceanWP主題是免費使用的。一些電子商務演示也是免費的。

OceanWP高階版和高階演示的起價為39美元(一個站點)。以79美元和129美元的價格獲得更多功能和站點支援,所有這些都必須每年更新一次。

個別擴充套件的價格各不相同,但通常浮動在30美元左右。

顯著特點

  • 幾個WooCommerce支援的演示使您的主題看起來完全像線上商店,所有這些都不需要您做太多工作。
  • 電子商務必需品,例如結帳模組和產品類別集合。
  • 將商品新增到購物車時顯示的原生購物車彈出視窗。
  • 一個“新增到購物車”按鈕,在使用者滾動時隨頁面浮動。
  • 過濾器保留在一邊,以便您可以儘可能多地利用場景,僅在需要時才顯示過濾器。
  • 無需轉到實際產品頁面即可檢視產品詳細資訊的快速檢視選項。
  • 彈出式登入、Instagram整合和白標等各種擴充套件。
  • 與最流行的拖放構建器整合,例如Visual Composer和Elementor。

主題分析

OceanWP作為一個快速的WordPress主題在整個網際網路上都被提及。我們已經對其進行了測試並證明了這一點,但現在是時候評估帶有WooCommerce的流行主題了。

GTMetrix速度測試

  • PageSpeed得分: 94%
  • YSlow分數: 89%
  • 完全載入時間: 5.0s
  • 總頁面大小: 649KB
  • 請求數: 59

Pingdom

  • 效能評分: 83
  • 載入時間: 1.09s
  • 頁面大小: 686.9KB
  • 請求數: 59

PageSpeed Insights 測試(僅限移動裝置)

  • 總分: 58
  • 第一張圖片或文字: 3.1s
  • 速度指數(所有內容的可見人口): 5.7s
  • 完全互動的時間: 6.7 秒

位元組檢查TTFB測試

  • 首位元組載入時間: 690ms
  • 載入總耗時: 872ms
  • 請求大小: 200b
  • 標頭總體積: 536b

測試結論

當您檢查效能得分時,OceanWP看起來是一個不錯的選擇,因為與安裝了WooCommerce的其他主題相比,YSlow和GTMetrix得分保持在頂部。移動和Pingodom的分數也很可觀。

OceanWP在載入時間領域看到了一些麻煩。這絕對不是一個緩慢的主題,但在我們的測試中,OceanWP的GTMetrix載入時間排在倒數五位。看起來移動速度測試對於OceanWP來說也不是很好。TTFB和Pingdom載入時間似乎都很好。

Shoptimizer

Shoptimizer一直被評為最快的WooCommerce主題之一。由CommerceGurus構建,它的唯一重點是WooCommerce,它的設計考慮了速度和轉換。

它已經實施了Baymard對轉換主題的大部分研究,其中包括信任徽章、無干擾結賬和一鍵訂單顛簸等功能。

在設計自己的頁面時,部署了輕量級的Elementor頁面構建器,使使用者可以輕鬆建立漂亮的佈局。定製器中還有數百個選項,允許買家快速更改字型、顏色和設定並立即檢視結果。

它帶有一個名為CommerceKit的獨特外掛,由相同的開發人員構建,它增加了更多的附加功能。CommerceKit中的模組包括Ajax搜尋、Countdowns、快速產品庫、Order Bumps、Waitinglists和Wishlists。

 

Shoptimizer

Shoptimizer

價錢

Shoptimizer通常零售價為99美元,但通常以49美元的折扣價出售。這包括12個月的更新和支援。將您的許可證再續一年將花費49美元。

顯著特點

  • 專為WooCommerce打造的主題,專注於速度和轉換。
  • 即時搜尋建議,可以顯示產品和常規內容結果。
  • 產品頁面和結帳的倒計時。
  • 內建候補名單,可讓您收集有關缺貨產品的客戶詳細資訊。
  • 動態庫存條顯示鼓勵銷售幾乎售罄的商品。
  • 單一產品AJAX新增到購物車以加快購買過程。
  • 比核心WooCommerce快得多的自定義產品庫。
  • 信任徽章可以顯示在關鍵的號召性用語按鈕旁邊。
  • 無干擾的結帳頁面,可實現更快的轉換。
  • 結賬頁面一鍵下單,提高平均訂單價值。

主題分析

Shoptimizer為使用者的線上商店提供了許多功能和自由。讓我們看看主題在我們的速度測試中的表現。

GTMetrix速度測試

  • PageSpeed得分: 93%
  • YSlow分數: 86%
  • 完全載入時間: 1.5s
  • 總頁面大小: 482KB
  • 請求數:  54

Pingdom

  • 效能評分: 84
  • 載入時間: 873ms
  • 頁面大小: 775.8KB
  • 請求數: 62

PageSpeed Insights 測試(僅限移動裝置)

  • 總分:60
  • 第一張圖片或文字: 3.7s
  • 速度指數(所有內容的可見人口): 7.1s
  • 完全互動的時間: 5.6 秒

位元組檢查TTFB測試

  • 首位元組載入時間: 49ms
  • 載入總耗時: 49ms
  • 標頭總體積: 498b

測試結論

您將很難找到比Shoptimizer主題更好的速度和控制整體主題。它在所有速度測試中都表現良好,並且在大多數領域都處於同等水平以上。它絕對值得一看,併成為您選擇的主題的絕佳案例。

Shopay

Shopay為您的電子商務設計提供了10多個小部件。多種佈局確保您可以做出獨特的設計,而一鍵式演示匯入可以將資料從一個站點傳輸到另一個站點。

這是一個僅用於電子商務的主題,而Gutenberg和Page Builder的整合使設計漂亮的商店變得更加容易。

更重要的是,該主題有一個顏色和字型的視覺設計師,您可以與YITH Wishlist外掛整合,使用願望清單管理工具擴充套件您的WooCommerce設計。

Shopay

Shopay

價錢

Shopay是免費提供的。高階版的售價為每年59.99美元。

顯著特點

  • 多種佈局調整首頁,更適合不同業務型別。
  • 完整的WooCommerce整合,包括產品畫廊和獨特購物車的選項。
  • 流暢的響應能力,在移動裝置上以精美的格式呈現您的購物車和產品目錄。
  • 內建定製器,可顯示實時預覽併為您提供多種設定。
  • 電子商務商店演示以改善您網站的外觀或徹底改變它。

主題分析

Shopay的外觀與亞馬遜相似,使用了易於轉換的主頁和強大的標題欄位。對於各種小部件和列,有趣的是看看它們如何組合在一起以提供快速的結果。

GTMetrix速度測試

  • PageSpeed得分: 94%
  • YSlow分數: 86%
  • 完全載入時間: 3.5s
  • 總頁面大小: 761KB
  • 請求數: 62

Pingdom

  • 效能評分: 84
  • 載入時間: 1.19s
  • 頁面大小: 804.5KB
  • 請求數: 62

PageSpeed Insights測試(僅限移動裝置)

  • 總分: 49
  • 第一張圖片或文字: 3.7s
  • 速度指數(所有內容的可見人群): 7.2s
  • 完全互動的時間: 8.5 秒

位元組檢查TTFB測試

  • 首位元組載入時間: 592ms
  • 載入總耗時: 933ms
  • 標頭總體積: 510b

測試結論

Shopay主題的平均效能得分排在倒數前10位,但它似乎仍然與大多數得分保持一致。PageSpeed結果是一流的,Pingdom分數也不錯。

當我們檢視頁面載入時間時,它處於類似的位置。GTMetrix載入時間很長,Pingdom和TTFB時間看起來很棒。移動速度指數是主題有點動搖的地方,但不是很多。

Rife

Rife是來自Apollo13Themes團隊的多用途WordPress主題,提供各種演示、匯入工具和自定義選項,所有這些都融合在一起以提供卓越的設計體驗,無論您嘗試構建的網站型別如何。

您可以在不操作任何程式碼的情況下建立線上商店、生活方式部落格或任何型別的商業網站,因為這一切都是通過視覺化和拖放式構建器完成的。

演示允許您立即將預設的Rife模板變成完全不同的東西。一個例子是WooR演示,這是一個WooCommerce解決方案,它在主頁上顯示特色產品、快速“新增到購物車”按鈕以及用於轉換客戶的漂亮英雄橫幅。

雖然沒有必要實施演示來讓WooCommerce在Rife網站上工作,但它確實讓這個過程變得更加容易。

Rife演示

Rife演示

至於您通常在其他地方找不到的其他一些特殊功能,Rife包括一個支援YouTube視訊和影象的響應式滑塊。它還有一個用於突出團隊成員或產品的帖子網格,並且書寫效果為您的排版新增了一些書寫動畫以吸引使用者的注意力。

最重要的是,Rife與Elementor和WPBakery相容。該主題本身沒有拖放介面,但整合確保您的開發過程涉及可拖動模組。

價錢

核心Rife主題可免費下載。

個人許可證每年收費39美元,但這不包括除線上服務外的任何客戶支援。帶有支援的個人許可證每年收費69美元。這兩個計劃都提供高階功能和附加設計。

最後,無限計劃每年249美元,讓您可以在任意數量的網站上訪問Rife主題。開發商經常有這個計劃的折扣。

顯著特點

  • 與核心主題完全相容WooCommerce。
  • 幾個演示,包括一個立即新增購物車、願望清單和產品庫等電子商務元素的演示。
  • 盾牌和徽章的垂直標題和選項,主要是為了有一個有趣的標誌介紹。
  • 與選單疊加一起使用的大型選單,提供一種即時方式在您的選單上放置數百種產品類別和單個產品。
  • 高階媒體支援,例如照片校對、媒體管理和燈箱設定。
  • 頁面構建器支援Elementor和WPBakery。
  • 超過40種設計可整合到您的網站中,包括頁面、帖子和登入頁面輪廓。
  • 數十種標題變體供您從居中徽標、全形標題和替代選單等選項中進行選擇。
  • 專業的攝影功能——如滑塊和滾動元素——有效地銷售照片。

主題分析

如果您願意為此付費,Rife擁有出色的設計、可靠的演示集和體面的客戶支援。它似乎也是一個相當輕量級的主題,因此請看下面,看看它是否能夠通過我們的效能測試。

GTMetrix速度測試

  • PageSpeed得分: 93%
  • YSlow分數: 89%
  • 完全載入時間: 3.5s
  • 總頁面大小: 819KB
  • 請求數: 58

Pingdom

  • 效能評分: 83
  • 載入時間: 1.12s
  • 頁面大小: 860.8KB
  • 請求數: 58

PageSpeed Insights測試(僅限移動裝置)

  • 總分: 49
  • 第一張圖片或文字: 3.3s
  • 速度指數(所有內容的可見人群): 7.5s
  • 完全互動的時間: 8.1s

位元組檢查TTFB測試

  • 首位元組載入時間: 614ms
  • 載入總耗時: 914ms
  • 標頭總體積: 510b

測試結論

Rife在效能測試平均值和載入時間的較低範圍內完成了中間。但是,如果我們仔細觀察結果,就會開始更清楚主題的優勢在哪裡以及它可以在哪些方面進行改進。

首先,Rife的PageSpeed得分為93,與頂級競爭者並列。它的Pingdom分數也為89。Pingdom分數為83與本次測試中的其他分數相比處於平均水平,而較低的Google Pagespeed分數表明移動速度並不是最高的,至少在與此匹配時一組主題。

至於載入時間,Pingdom載入時間是可觀的,而且TTFB看起來不錯。移動速度指數處於緩慢端,GTMetrix載入時間大致平均,但還不錯。總體而言,Rife主題表現良好,但在移動裝置上略有放緩。

Boutique

Boutique是一個時尚和現代的時尚電子商務主題,提供大量空白和強大的標題,用於為您的商店新增社交媒體、大型選單和公告。

該主題不是一個多用途的解決方案,而是一個電子商務專用的選項,它運用了優雅和以轉換為導向的元素,為那些經營線上服裝商店的人提供了流暢的外觀和時尚的格式。

是的,精品主題能夠轉化為其他型別的行業,例如珠寶、科技和生活方式品牌。

Boutique

Boutique

主頁提供了簡單的產品目錄選項,這些目錄使用動畫和中性色來吸引您的產品注意力。頁尾還提供極簡設計,小部件區域可插入您的隱私宣告、運輸資訊或電子郵件訂閱表格。甚至產品頁面本身也會清除所有雜亂,只顯示基本資訊,如描述和照片。

價錢

標準主題是免費的。高階版售價49美元。這是一次性費用,包括支援和更新。

作為另一種選擇,您可以為開發人員提供的所有主題支付99美元。

顯著特點

  • XML演示內容讓您的設計朝著正確的方向開始。
  • 一個簡單的主頁滑塊,帶有按鈕、文字和影象。
  • 一個居中的徽標點和一個優雅的標題,帶有連結您的社交媒體帳戶的點。
  • 作為易於使用和理解的帶有下拉選單的選單。
  • 幾個主頁小部件,用於展示公告、促銷和產品。
  • 帶有輕量級、不分散注意力的動畫的產品畫廊。
  • 可定製的頁尾模組。
  • 保持簡單但仍包含客戶評論的產品頁面。

主題分析

Boutique的功能集儘可能小,設計看起來輕巧而簡潔。難怪它作為快速WooCommerce主題在此列表中,但它與其他主題相比如何?

GTMetrix速度測試

  • PageSpeed得分: 91%
  • YSlow分數: 79%
  • 完全載入時間: 2.8s
  • 總頁面大小: 586KB
  • 請求數: 59

Pingdom

  • 效能評分: 81
  • 載入時間: 1.98s
  • 頁面大小: 624KB
  • 請求數: 59

PageSpeed Insights測試(僅限移動裝置)

  • 總分: 47
  • 第一張圖片或文字: 4.4s
  • 速度指數(所有內容的可見人口): 7.1s
  • 完全互動的時間: 6.4s

位元組檢查TTFB測試

  • 首位元組載入時間: 587ms
  • 載入總耗時: 828ms
  • 標頭總體積: 510b

測試結論

Boutique在效能得分方面最終處於低端。話雖如此,PageSpedd分數仍然在90以上。但是,Boutique在YSlow、Pingdom和Google Mobile效能分數方面受到了影響,將其推到了最後。

在載入時間測試方面,精品主題的效果更好。最終處於中間位置,Boutique展示了最快的GTMetrix載入時間和可觀的TTFB。更高的結果來自Pingdom和Mobile Speed載入時間。

Zakra Online Store

Zakra是一個擁有數以萬計使用者的多用途WordPress主題,為構建多種型別的網站提供了精心設計的基礎架構,具有簡單的定製工具和可與其他演示一起使用的輕量級框架。

Zakra演示

Zakra演示

WooCommerce整合具有響應式線上商店頁面和深度設計選項,例如購物車模組和標題自定義。頁面構建器功能包括與流行構建器的整合,而支援AMP的配置承諾在移動裝置上實現更快的速度。

使用者可以將標準Zakra主題轉換為線上商店,但真正的力量來自於您安裝為電子商務製作的入門模板。在Zakra庫中查詢數十個模板,其中六個包含電子商務畫廊、作品集和購物車工具

Zakra

Zakra

價錢

Zakra有一個免費的核心版本和一個每年49美元的專業選項。這涵蓋了一個站點。

新增更多站點會增加價格。

顯著特點

  • 幾個帶有預建主頁和部落格的入門演示,包括電子商務網站的選項。
  • 拖放整合,允許連線到Gutenberg和Elementor,僅舉幾例。
  • 動態、可自定義的頁首和頁尾,以及小部件和選單的高階自定義選項。
  • 來自視覺構建器的WooCommerce元素樣式。
  • 已針對主題優化的產品目錄和小部件。
  • WooCommerce的專用側邊欄和佈局。
  • 在任何產品頁面上插入的相關產品模組。
  • 選單樣式和擴充套件大小的工具,實現類似於大型選單的效果。

主題分析

Zakra擁有適用於常規部落格、商業網站和電子商務的各種功能。演示是輕量級的,適合銷售不同的物品。至於速度,請看下面……

GTMetrix速度測試

  • PageSpeed得分: 94%
  • YSlow分數: 90%
  • 完全載入時間: 7.9s
  • 總頁面大小: 536KB
  • 請求數: 49

Pingdom

  • 效能評分: 85
  • 載入時間: 1.26s
  • 頁面大小: 567.2KB
  • 請求數: 48

PageSpeed Insights測試(僅限移動裝置)

  • 總分: 59
  • 第一張圖片或文字: 2.8s
  • 速度指數(所有內容的可見人群): 8s
  • 完全互動的時間: 4.9 秒

位元組檢查TTFB測試

  • 首位元組載入時間: 2726ms
  • 載入總耗時: 3013ms
  • 請求大小: 200b
  • 標頭總體積: 510b

測試結論

在對所有四個效能得分進行平均時,Zakra在所有測試的主題中排名前五。特別是移動測試產生了快速的結果,並表明Zakra在較小的裝置上表現出色。

由於某種原因,載入時間測試出了點問題。要麼Zakra的載入時間比其他競爭對手的要差得多,要麼主題中的某些內容可能與我安裝的其他外掛發生衝突。無論如何,Zakra線上商店產生了最差的GTMetrix和TTFB載入時間。Pingdom的載入時間還不錯,但Mobile Speed Index測試的成績也很差。

Neve

Neve是另一個廣泛使用的WordPress主題,得到了開發人員的大量關注。該主題與流行的頁面構建器相結合,並提供了輕量級和多功能的設計流程,可以輕鬆配置精美的設計。

ThemeIsle開發人員在乾淨的程式碼和質量支援方面享有盛譽。

Neve

Neve

Neve本身與WooCommerce整合,並允許您在您的網站上放置商店和購物車。

但是,它還提供了幾個免費和高階的演示和兒童主題,可以在幾分鐘內推出令人驚歎的商店展示。

My Shop演示

My Shop演示

價錢

Neve有一個免費下載選項。

高階版起價為每年59美元,包括自定義佈局(如WooCommerce演示)、高階支援和幾個助推器。

ThemeIsle網站上出售了其他幾個具有附加功能和附加元件的計劃。

顯著特點

  • 完整的電子商務Storefront演示。
  • 用於填充您使用Neve構建的線上商店的子主題和其他演示內容。
  • 支援成功的拖放構建器,例如Beaver Builder和Elementor。
  • Elementor Booster引入了七個新的設計模組,其中一些用於線上商店。
  • 頁首和頁尾的自定義佈局。
  • 具有改進的樣式、社交按鈕等的高階標題設計器。
  • 一個WooCommerce助推器包,用於設計產品畫廊並圍繞這些集合的大小和位置等元素進行更改。

主題分析

Neve在一些領域處於領先地位,併為其他主題開發人員提供了一個基準,以爭取快速、輕量級的主題。WooCommerce演示肯定會減慢它的速度,但這不是質量託管和優化無法解決的問題。

GTMetrix速度測試

  • PageSpeed得分: 94%
  • YSlow分數: 90%
  • 完全載入時間: 3.3s
  • 總頁面大小: 460KB
  • 請求數: 44

Pingdom

  • 效能評分: 86
  • 載入時間: 1.08s
  • 頁面大小: 487.7KB
  • 請求數: 44

PageSpeed Insights測試(僅限移動裝置)

  • 總分: 66
  • 第一張圖片或文字: 2.7s
  • 速度指數(所有內容的可見人口): 5.1s
  • 完全互動的時間: 4.9 秒

位元組檢查TTFB測試

  • 首位元組載入時間: 606ms
  • 載入總耗時: 894ms
  • 請求大小: 200b
  • 標頭總體積: 510b

測試結論

Neve的WooCommerce測試證實了我們在測試常規WordPress主題時發現的資料。Neve擁有全面的高質量頁面載入時間,尤其是移動速度。

Neve在所有效能得分類別中也表現出色,看看PageSpeed、YSlow和Pingdom測試都是如何獲得高分的。

Virtue

WooCommerce主題Virtue擁有好評如潮、時尚的主頁設計以及具有出色功能的多功能定製器。該主題實際上來自Kadence Themes開發人員,因此很明顯這些人知道如何製作快速模板。

Virtue和標準Kadence主題之間的主要區別在於Virtue直接迎合電子商務店主。它包含令人印象深刻的購物車和產品畫廊功能組合,並且主題很簡單,因此幾種型別的企業可以將其用於他們的網站。

例如,我們可以看到它用於戶外用品店、男士服裝或手錶店。它確實有一點陽剛之氣,但您也可以更改顏色以適合您自己的品牌。

Virtue

Virtue

憑藉完美響應的元素和對Kadence構建器塊的訪問,Virtue設計環境不會出錯。其他一些亮點包括盒裝佈局和可自定義的標題佈局,非常適合移動您的徽標或為您的產品新增多個選單。

價錢

Virtue有一個免費版本。

它還提供每年75美元的高階選項。這包括一年的支援和更新。

顯著特點

  • 用於新增無限滾動、簡碼和高階圖示的獨特設定。
  • 直接連結到Google Analytics
  • 粘性標題選項。
  • 幾個高階小部件,其中許多與WooCommerce完美配合。
  • 一個大型選單,可新增儘可能多的產品類別連結。
  • 為您的網站帶來社交證明的推薦帖子。
  • 一鍵式演示匯入器,只需單擊一個按鈕,即可將您的網站轉換為線上商店。
  • 一個高階滑塊,可為您的文字新增動畫效果,幷包括視差滾動和背景視訊等高階專案的其他功能。
  • 一個強大的選項面板,其中包含站點佈局樣式和標題選項,可將您的站點提升到一個新的水平。
  • 您的部落格的多個列表和網格樣式。
  • 有用的WooCommerce功能,例如自定義選項卡、佈局樣式和按鈕樣本。
  • 完全可定製的標題佈局,具有修改徽標和選單的工具。
  • 如果您寧願避免使用寬屏配置,請使用盒裝佈局。

主題分析

Virtue具有可負擔性和設計能力。它的速度測試有一些優點和缺點,我們將在下面介紹。

GTMetrix速度測試

  • PageSpeed得分: 76%
  • YSlow分數: 90%
  • 完全載入時間: 3.2s
  • 總頁面大小: 1210KB
  • 請求數: 50

Pingdom

  • 效能評分: 86
  • 載入時間: 1.20s
  • 頁面大小: 1300KB
  • 請求數: 50

PageSpeed Insights測試(僅限移動裝置)

  • 總分: 56
  • 第一張圖片或文字: 2.3s
  • 速度指數(所有內容的可見人群): 6.8s
  • 完全互動的時間: 7.5 秒

位元組檢查TTFB測試

  • 首位元組載入時間: 849ms
  • 載入總耗時: 1102ms
  • 標頭總體積: 510b

測試結論

從效能得分開始,Virtue在GTMetrix中的PageSpeed結果最差。但是,YSlow和Pingdom測試結果還不錯。總體而言,相當低的PageSpeed分數,加上不那麼出色的Google Mobile結果拉低了Virtue的平均效能結果,使其在組中墊底。

美德彌補了頁面載入時間不一致的效能分數。它在前十名中,GTMetrix和Pingdom時間相當快。TTFB和Mobile Speed結果在我們的測試組中並不是真正的領先者。

Online Shop

Online Shop主題沒有最原始的名稱,但它直截了當,有點像主題的設計和介面。主頁上絕對不乏功能或可定製的模組,但很明顯該主題是為線上商店設計的。

您可以移動小部件並快速新增一個標題,該標題可疊加到您知道並喜歡使用的流行線上市場。以標題為例。您不必使用任何這些設定,但該主題至少為您提供了新增聯絡資訊、願望清單按鈕和社交媒體按鈕等專案的選項。

您甚至可以新增商店營業時間和位置連結,以便人們獲取前往任何實體店的路線。

Online Shop

Online Shop

網上商店包括多個選單,它們可以相互補充,也可以新增到主選單顯示的內容中。您可以使用各種主頁小部件和自定義工具建立任何型別的線上商店。

例如,我們已經看到用於服裝店和技術商店的主題示例。主題附帶一個滑塊,對於某些人來說,這就是您所需要的。但是,您也可以選擇結合更強大的滑塊外掛,例如Slider Revolution

價錢

網上商店主題有免費下載版本。專業版提供兩種價格,個人許可證55美元和開發者許可證99美元。

顯著特點

  • 一鍵式演示匯入,從演示中看到的設計開始。
  • 超過九個小部件可以新增到側邊欄和網站的其他部分,其中許多是用於電子商務的。
  • Page Builder和Site Origin等外掛的頁面構建器整合。
  • 可以在網站的任何頁面上使用的無限滑塊。
  • 一個時尚的特色產品部分,旨在吸引客戶並承諾他們購買產品。
  • 用於新增地址和聯絡資訊的標題自定義區域。那裡還有一個社交媒體欄,可讓您連結到您品牌最受歡迎的社交帳戶。
  • 連結到其他頁面的標題影象和視訊點,可以在使用者登陸您的網站時播放。
  • 廣告區域,如果您還想展示廣告。

主題分析

線上商店主題在設計能力方面發揮了作用,但它是否具備與最快的WooCommerce主題相媲美的能力?檢視下面的速度結果。

GTMetrix速度測試

  • PageSpeed得分: 94%
  • YSlow分數: 86%
  • 完全載入時間: 3.3s
  • 總頁面大小: 655KB
  • 請求數: 55

Pingdom

  • 效能評分: 82
  • 載入時間: 1.07s
  • 頁面大小: 692.9KB
  • 請求數: 55

PageSpeed Insights測試(僅限移動裝置)

  • 總分: 52
  • 第一張圖片或文字: 3.7s
  • 速度指數(所有內容的可見人群): 7.4s
  • 完全互動的時間: 6.3s

位元組檢查TTFB測試

  • 首位元組載入時間: 636ms
  • 載入總耗時: 885ms
  • 標頭總體積: 510b

測試結論

線上商店是效能得分測試中最完美的平均主題之一。突出的結果包括相當高的PageSpeed分數和可觀的Pingdom等級。YSlow比其他分數略低,Google移動分數是Online Shop主題表現中最差的部分。

儘管仍處於該領域的中間位置,但線上商店在載入時間測試中為大型犬提供了一些令人印象深刻的競爭。Online Shop的GTMetrix載入時間徘徊在3秒左右,是最有力的競爭者。TTFB和Pingdom的載入時間都很快。

但是,在檢視Google的移動速度指數時,線上商店是載入速度最慢的商店之一。

The Shop

The Shop主題

The Shop主題

The Shop作為一個完整的電子商務解決方案與WooCommerce相容。主題簡單輕巧,利用基本滑塊和文字框來顯示促銷和產品資訊。

您可以在網站上插入多個選單,並在主頁的多個區域中包含一系列產品。如果您連結到補充擴充套件,還有很多選項可以顯示部落格文章和產品評論。

Shop主題可從aThemes免費下載。沒有高階版本,但有一些擴充套件可以擴充套件您的設計。

除了主頁的各種選項外,The Shop主題還有各種品牌顏色選項和調整排版的工具。簡單的設定只需幾分鐘,aThemes支援團隊以及時提供協助而聞名。

更不用說,aThemes提供了大量教程視訊來指導您完成設計過程。最後,該主題具有多個頁面模板,可在您的主頁上使用並快速生成適合您業務的佈局。總體而言,The Shop主題堅持極簡主義,以實現時尚的設計和快速交付給使用者。

價錢

The Shop是完全免費的。它有一個擴充套件,一個頁尾信用附加元件,售價5美元。

顯著特點

  • 完全支援WooCommerce。
  • 帶有新增橫幅、產品畫廊等選項的自定義主頁。
  • 兩個選單相互補充,作為兩個獨立的實體發揮作用。您可以在標題頂部放置一個,在標題下方放置另一個,例如一個用於主頁,另一個用於產品類別。
  • 用於建立簡單而時尚的標題影象的滑塊,支援滑塊中的多張照片以及用於號召性用語的文字和按鈕。
  • 一個簡單的配置過程來安裝主題並獲得正確的演示元素。
  • 頁面模板設定您的主頁,如主題演示,並擴充套件頁面為全寬和其他格式。
  • 顏色選項可立即更改您的整個配色方案或修改單個顏色。您可以選擇要更改的特定顏色,例如標題或描述。
  • Google字型支援,可訪問600多種字型,使您的排版與您的品牌保持一致。
  • 幾個部落格選項,用於格式化部落格帖子並在您的主頁上顯示帖子列表。
  • 準備好翻譯的工具,可根據客戶所說的內容調整您的語言。
  • 通過WordPress Live Customizer進行自定義選項,提供預覽更改和快速設定。
  • 文字橫幅和圖示。
  • 支援產品評論。
  • 頁尾信用的擴充套件,允許您自定義頁尾的一小部分。

主題分析

The Shop主題在極簡主義方面表現出色。主題似乎移動得很快,有很多空白區域,並且沒有雜亂的前端或後端功能。這可能是它如此快速的主題的部分原因。讓我們看看它如何與其他主題疊加。

GTMetrix速度測試

  • PageSpeed得分: 83%
  • YSlow分數: 87%
  • 完全載入時間: 3.5s
  • 總頁面大小: 1640KB
  • 請求數: 55

Pingdom

  • 效能評分: 82
  • 載入時間: 1.60s
  • 頁面大小: 1700KB
  • 請求數: 55

PageSpeed Insights測試(僅限移動裝置)

  • 總分: 46
  • 第一張圖片或文字: 3.4s
  • 速度指數(所有內容的可見人群): 7.5s
  • 完全互動的時間: 8.9s

位元組檢查TTFB測試

  • 首位元組載入時間: 644ms
  • 載入總耗時: 913ms
  • 標頭總體積: 510b

測試結論

在對所有效能得分進行平均時,The Shop主題最終排在最後。這可能是因為PageSpeed分數是該測試中為數不多的低於90的分數之一。它仍處於80年代,但在這方面不如其他人。YSlow測試很好,Pingdom也很好。然而,谷歌移動測試也處於低端。

總體而言,The Shop在載入時間測試中取得了更好的結果。話雖如此,它仍然在後五名中結束。GTMetrix載入時間不錯。Pingdom載入時間比此列表中的許多其他人要慢。移動速度指數也相當慢。TTFB的結果是可觀的。

Vogue

Vogue的設計散發出沉穩簡約的氣息。該主題以其優雅的字型和中性色為珠寶、時尚和生活方式品牌提供了配置。

它甚至具有一些獨特的工具,例如滾動社交媒體選項卡以連結到您的所有社交頁面。標題看起來很簡單,但充滿了包含您的社交按鈕和聯絡資訊的區域。

提供了一個滑塊以包含產品影象的幻燈片。您還可以在幻燈片上放置按鈕和連結,以將人們引導到您網站上的其他位置。

Vogue

Vogue

Vogue僅迎合線上商店所有者,因為它是為與WooCommerce合作而構建的,並具有互動式購物車圖示和產品畫廊。有四種標題佈局可供選擇,並且完全響應式設計供使用者在較小的裝置上檢視網站。

Vogue主題作為多用途主題進行營銷,但主要在網上商店中表現良好。顏色設定非常適合根據您的品牌進行調整,整體簡潔的設計肯定會讓您的視線停留在需要的地方。這是一個穩定而快速的解決方案,具有開發人員正在尋找的輕量級設計。您甚至可以訪問開發人員鉤子和選項以合併額外的功能。

價錢

Vogue有一個免費版本供您下載。高階版售價25美元。

顯著特點

  • 帶有內建SEO工具的自定義WooCommerce設計。
  • 可擴充套件元素,例如開發人員掛鉤和自定義CSS框。
  • 支援最先進的頁面構建器。
  • 多個頁尾佈局以新增基本資訊。
  • 幾個部落格佈局。
  • 多個標題佈局,包括社交媒體按鈕和聯絡資訊。
  • 全綵設定可更改一種或所有顏色。
  • 帶有開啟粘性導航選項的時尚選單。
  • WooCommerce的下拉籃,以及刪除WooCommerce購物車等專案的設定。
  • 用於釋出公告或顯示商店資訊的頂部欄。
  • 將滑塊新增到您網站上任何頁面的簡碼。
  • 用於合併文字和按鈕的滑塊自定義工具。
  • 用於設定每行或每頁產品數量的獨特WooCommerce功能。
  • 將您的WooCommerce頁面設定為全寬或將它們放在側邊欄中的選項。
  • 影象縮放、燈箱和產品邊框。

主題分析

Vogue主題的簡潔性使其脫穎而出。將其與內建的WooCommerce工具搭配使用,很明顯,許多線上商店所有者都可以從Vogue等主題中受益。作為一個極簡主義主題,Vogue提供了快速的效能時間,但將其與其他主題進行比較很重要。

GTMetrix速度測試

  • PageSpeed得分: 93%
  • YSlow分數: 84%
  • 完全載入時間: 3.7s
  • 總頁面大小: 894KB
  • 請求數: 60

Pingdom

  • 效能評分: 81
  • 載入時間: 1.01s
  • 頁面大小: 942.2KB
  • 請求數: 60

PageSpeed Insights測試(僅限移動裝置)

  • 總分: 51
  • 第一張圖片或文字: 3.7s
  • 速度指數(所有內容的可見人群): 7.2s
  • 完全互動的時間: 6.6 秒

位元組檢查TTFB測試

  • 首位元組載入時間: 647ms
  • 載入總耗時: 899ms
  • 標頭總體積: 510b

測試結論

在我們的效能測試中,我們將Vogue歸類為中等或低於平均水平的競爭者之一。得分全面穩定,PageSpeed、YSlow和Pingdom得分都恢復正常。但Vogue主題在Google移動測試分數上有些掙扎,因此它在排行榜上的排名進一步下降。

載入時間測試非常相似,GTMetrix和TTFB載入時間很長,但比其他包要弱一些。它的Pingdom分數真的很出色。然而,隨著移動速度指數的放緩,Vogue的平均水平有所下降。

Woostify

Woostify體現了WooCommerce的本質,其功能強大的主頁產品、幾個演示設計以及帶有公告區域和各種互動式按鈕的標題。

例如,您可以在標題中實現使用者、願望清單和購物車圖示,同時還可以新增一個搜尋欄供人們輕鬆查詢產品。滑塊影象大而粗,幷包含用於標題文字和按鈕的工具。

Woostify是一個輕量級且使用者友好的主題,並考慮到了速度。該主題還提供與SiteOrigin和Visual Composer等流行頁面構建器的整合,僅舉幾例。與WooCommerce一起,它編碼的一些主要外掛包括bbPress和Yoast

Woostify

Woostify

Woostify主題在速度測試中表現良好有幾個原因。

首先,開發人員不使用任何jQuery,但他們堅持使用JavaScript。因此,沒有理由首先載入龐大的庫,因為主題不是使用大型CSS框架構建的。

您還可以期望主題跟上WordPress編碼標準和PHP支援。從實時定製器設定到懸停樣式和購物車佈局,與市場上許多其他WooCommerce主題相比,Woostify是一顆寶石。這是一個具有許多高階功能的免費主題,如果需要,您仍然可以選擇升級。

價錢

Woostify有一個免費版本。

高階主題包在一個網站上的售價為39美元。這包括一年的支援和更新。他們還有無限制的終身計劃,費用更高。

高階版提供了相當多的附加元件,除了標準的高階費用外,無需支付額外費用。一些附加元件包括標題生成器、大型​​選單和快速檢視。

顯著特點

  • 與Beaver Builder和Elementor等一流的頁面構建器整合。
  • 支援流行的外掛,如bbPress和BuddyPress
  • 產品頁面和列表樣式以調整這些區域對您的客戶的看法。
  • 在某種程度上可自定義的多步驟結帳。
  • 懸停樣式和購物車佈局可進一步調整您網站的外觀。
  • WordPress Live Customizer中的功能性和簡單設定。
  • 支援兩個流行的產品願望清單外掛。您還將獲得產品願望清單圖示。
  • 新增到所有產品頁面的視訊庫。
  • 增強產品屬性的產品樣本。
  • 將您的網站變成多供應商市場的選項。您必須與外掛整合,但功能就在那裡。
  • 幾個免費和預建的演示,為您的線上商店找到完美的設計。多種標題樣式、掛鉤和過濾器可自定義各個方面。
  • 各種高階附加元件,例如粘性新增到購物車按鈕、銷售通知和尺寸指南。

主題分析

我們知道Woostify擁有令人難以置信的WooCommerce工具。我們知道它輕巧且簡單,足以給人留下高效能主題的印象。唯一的問題是它如何經受住我們的測試,以及它與其他主題相比的位置。

GTMetrix速度測試

  • PageSpeed得分: 94%
  • YSlow分數: 87%
  • 完全載入時間: 3.3s
  • 總頁面大小: 645KB
  • 請求數: 59

Pingdom

  • 效能評分: 82
  • 載入時間: 4.91s
  • 頁面大小: 684KB
  • 請求數: 59

PageSpeed Insights測試(僅限移動裝置)

  • 總分: 58
  • 第一張圖片或文字: 2.8s
  • 速度指數(所有內容的可見人群): 6.2s
  • 完全互動的時間: 6.8 秒

位元組檢查TTFB測試

  • 首位元組載入時間: 629ms
  • 載入總耗時: 917ms
  • 標頭總體積: 510b

測試結論

Woostify取得了最高的效能結果,平均水平將其推向了該領域的中間位置。PageSpeed得分令人印象深刻。YSlow分數還不錯,Pingdom分數看起來也很穩定。雖然它不是最差的,但在檢視Google移動速度測試後,我們認為Woostify可以對移動效能進行一些改進。

Woostify在載入時間測試中跌至底部。這幾乎完全是由於Pingdom載入時間低於平均水平。它的TTFB以及它的GTMetrix載入時間都很棒。甚至移動速度指數也不錯。由於某種原因,它在通過Pingdom測試儀傳送時出現問題。

最快的WooCommerce主題選項排名

有了所有這些數字,它有助於以更直觀的格式呈現結果。下圖採用了來自GTMetrix、Pingdom和PageSpeed Insights的主要效能得分。我們通過平均所有四個分數並按順序列出這些主題平均值來組織圖表。

通過這種方式,您可以檢視總體效能得分最高的和最低的。

綜合效能得分對比表

綜合效能得分對比表

綜合效能評分對比分析結論

  • Orchid商店是唯一一個來自GTMetrix的PageSpeed得分高於94%的WooCommerce主題。
  • 此列表中的大多數主題都有相似的PageSpeed分數,通常在92-95左右。
  • 僅有的兩個PageSpeed分數低於90的主題為The Shop和Virtue。
  • YSlow的最佳表現者包括Virtue、Hello Elementor、Neve和Zakra。
  • Boutique的YSlow得分最差。
  • 最好的Pingdom評分結果主題為Orchid Store、Hello Elementor、Neve、Kadence和Virtue。
  • Boutique和Vogue的Pingdom得分最低。
  • Hello Elementor和Orchid Store贏得了最佳Google PageSpeed Mobile測試。
  • Storefront在Google PageSpeed Mobile測試中獲得了最後的名次。

最高平均分

  • Hello Elementor
  • Orchid Store
  • Neve

最低平均分

  • Storefront
  • The Shop
  • Boutique

下面的圖表對類別中的所有四個結果進行平均,但這次是載入時間。通過這種方式,我們可以瞭解哪些主題在特定的載入時間測試中表現出色,同時也可以將它們整合在一起進行最終評估和排名。

載入時間測試圖

載入時間測試圖

載入時間對比分析結論

  • GeneratePress達到了最快的GTMetrix載入時間,Boutique和Elementor緊隨其後。
  • Zakra Online獲得最慢的GTMetrix載入時間。Orchid Store和OceanWP排名緊跟其後。
  • StoreVilla獲得最快的Pingdom載入時間。
  • Woostify的Pingdom載入時間最慢。
  • Orchid Store提供了最快的移動速度指數。
  • ShopIsle的移動速度指數最慢。
  • 然而,ShopIsle的TTFB最快。
  • Zakra Online的TTFB最慢。

最快的平均載入時間前三名

  • GeneratePress
  • Hello Elementor
  • Neve

最慢的平均載入時間後三名

  • Zakra Online Store
  • Woostify
  • ShopIsle

Hello Elementor和Neve在得分和載入時間方面均名列前茅。Orchid Store是一個混合包,具有一流的效能得分、更慢的載入時間和更好的移動得分。ShopIsle在大多數類別中表現良好,除了在移動裝置上。

總體而言,有一些驚喜(比如Storefront表現不佳)和大量預期結果(比如Hello Elementor勝過該領域)。此外,很高興看到專門為WooCommerce製作的主題提供快速分數,例如Boutique和蘭花商店。

最快的WooCommerce主題選項 – 完整的結果

這是此評估中列出的每個WooCommerce主題的最終結果。我們對主要的載入時間指標進行了平均,並從頭到尾對主題進行了排名。我們再次做了同樣的事情——平均表現得分——對主題進行排名。

平均載入時間排名(從最快開始 – 以秒為單位)

 

WooCommerce主題 – 平均載入時間排名

WooCommerce主題 – 平均載入時間排名

  1. ShoppingCart – 3.10
  2. Boutique – 3.12
  3. OceanWP – 3.12
  4. Shopay – 3.12
  5. Vogue – 3.14
  6. Rife – 3.18
  7. The Shop – 3.31
  8. Kadence – 3.45
  9. ShopIsle – 3.56
  10. Woostify – 3.76
  11. Zakra Online Store – 4.97

平均效能得分排名(從最高開始 – 滿分100)

WooCommerce主題 –平均效能得分

WooCommerce主題 –平均效能得分

  1. StoreVilla – 79.25
  2. Online Shop – 78.50
  3. Rife – 78.50
  4. AccessPress Store – 78.50
  5. Shopay – 78.25
  6. Vogue – 77.25
  7. Virtue – 77.00
  8. ShopIsle – 75.25
  9. The Shop – 74.50
  10. The Shop – 74.50
  11. Storefront – 71.75

現在輪到您了:您使用哪些WooCommerce主題?我們的清單中缺少什麼?隨意在評論中分享您喜歡的其他快速WooCommerce主題!

評論留言