12 thèmes WooCommerce les plus rapides 2022

Vous recherchez les thèmes WooCommerce les plus rapides ?

Pour les magasins WooCommerce, la vitesse est essentielle car les temps de chargement des pages ont un impact direct sur les taux de conversion (qui déterminent vos revenus). Bien que votre thème WooCommerce ne soit pas le seul élément qui affecte les temps de chargement de votre boutique, il jouera un rôle important.

Pour cette raison, vous souhaitez choisir un thème WooCommerce qui permettra à votre magasin de réussir dans le département de la vitesse.

Pour vous aider à le faire, nous avons effectué nos propres tests de performances pratiques avec certaines des options les plus populaires pour vous donner un aperçu étayé par des preuves des thèmes WooCommerce les plus rapides.

Nous commencerons par une explication détaillée de la façon dont nous avons testé les thèmes afin que vous sachiez d'où proviennent les données. Ensuite, nous partagerons les résultats pour chaque thème, ainsi que des informations sur les principales caractéristiques et les prix du thème.

Comment nous avons testé les thèmes WooCommerce les plus rapides

Voici les détails complets de notre environnement de test :

Site de test

Tout d'abord, notre site de test est hébergé sur un serveur DigitalOcean bon marché, qui offre en fait des performances assez solides malgré son prix. Il fonctionne sur une pile entièrement Nginx (alimentée par RunCloud).

Pour créer un site de test réaliste, nous avons configuré notre site avec les éléments suivants :

1. WooCommerce
2. Les données factices WooCommerce standard, qui importent un certain nombre de produits, y compris des images et tous les détails pertinents du produit

Nous n'avons effectué aucune optimisation des performances telles que la mise en cache ou l'optimisation du code. Dans le monde réel, vous pourriez obtenir de meilleurs temps de chargement en utilisant des plugins de mise en cache et d'autres plugins d'optimisation de la vitesse, ainsi qu'en suivant notre guide pour accélérer WordPress.

Nous n'avons pas non plus modifié les options de personnalisation du thème - nous avons simplement utilisé les paramètres par défaut. C'est le moyen le plus "juste" de comparer les thèmes, bien que votre site puisse être légèrement plus lourd si vous importez un site de démonstration ou utilisez certaines fonctionnalités de WooCommerce.

Pour nous assurer que nous collectons des données de performances significatives, nous avons testé la même page de produit unique avec chaque thème (plutôt que la page d'accueil).

La page de produit unique ressemble à ceci (le thème de l'exemple est Storefront) :

Outil de test

Pour collecter les données de test elles-mêmes, nous avons utilisé WebPageTest. Il y a plusieurs raisons pour lesquelles nous aimons WebPageTest :

1. Il affiche une variété de métriques, y compris le temps jusqu'au premier octet (TTFB), les Core Web Vitals (y compris la plus grande peinture de contenu), le temps de chargement, les requêtes HTTP et la taille de la page.
2. Nous pouvons le configurer pour exécuter neuf tests distincts et prendre la valeur médiane, ce qui élimine la variabilité d'un seul test et nous donne des résultats plus précis.
3. Nous pouvons le configurer pour exécuter des tests de bureau et mobiles et choisir différentes vitesses de connexion.

Nous voulons que ces données soient aussi utiles que possible, nous avons donc configuré les tests pour imiter des scénarios réels et exécuté deux tests différents :

1. Bureau : test à partir d'un appareil de bureau et en utilisant une connexion FIOS limitée - 20/5 Mbps 4ms RTT.
2. Mobile : test depuis un téléphone iPhone 7+ et en utilisant une connexion « 3G Fast » limitée – 1,6 Mbps/768 Kbps 150 ms RTT. WebPageTest nous permet d'utiliser un véritable appareil iPhone 7+, plutôt que de simuler un téléphone mobile comme certains autres outils.

Parce que nous limitons la vitesse de connexion, vous verrez des résultats "plus lents" qu'avec un outil tel que Pingdom (qui utilise une connexion non limitée ultra-rapide). Cependant, ces vitesses seront plus précises par rapport à ce que vos vrais visiteurs humains connaîtront car la plupart d'entre eux ne navigueront pas sur des connexions Internet ultra-rapides.

Les temps de bureau seront également plus rapides que les temps mobiles. Cela se produira pour plusieurs raisons :

• La connexion mobile est plus lente car nous passons à la 3G. Dans le monde réel, vos visiteurs mobiles pourraient bénéficier de meilleurs temps de chargement s'ils utilisent la 4G ou connectent leur téléphone au WIFI.
• L'appareil mobile n'est pas aussi puissant que l'appareil de bureau, ce qui signifie que le traitement de JavaScript prendra plus de temps. N'oubliez pas que nous utilisons un ancien iPhone 7+, pas le dernier modèle haut de gamme.

Nous présenterons les résultats des tests dans un tableau, mais nous établirons également un lien vers des images des résultats complets des tests si vous souhaitez voir chaque métrique. Voici les métriques que nous présenterons :

• Délai avant le premier octet (TTFB) - combien de temps il faut au site pour répondre avec le premier octet de données.
• La plus grande peinture de contenu (LCP) - le temps nécessaire pour que le contenu principal devienne visible. Il vise à capturer la partie expérience utilisateur de la performance, ce qui intéresse la plupart des humains. Cela fait également partie de la nouvelle initiative Core Web Vitals de Google et Google l'utilisera comme facteur de classement dans sa mise à jour Page Experience de mai 2021.
• Temps de chargement complet - WebPageTest le définit comme "le point après onLoad où l'activité du réseau s'est arrêtée pendant 2 secondes".
• Requêtes HTTP - combien de requêtes HTTP le site fait - moins c'est mieux.
• Taille de la page - la taille du fichier de la page complète - plus petite est la meilleure.

Notez que WebPageTest n'a pas fourni de valeurs LCP pour les tests mobiles que nous avons exécutés.

Avec toute cette introduction à l'écart, passons aux thèmes WooCommerce les plus rapides ! Ils sont classés par temps de chargement complet du mobile, car nous pensons que les performances mobiles sont extrêmement importantes pour les magasins de commerce électronique.

À la fin de cet article, nous rassemblerons également toutes les données, alors continuez à lire jusqu'à la fin pour les conclusions.

1.Sydney

Sydney est notre propre thème polyvalent léger qui est également livré avec une intégration profonde de WooCommerce.

Avec Sydney 1.75, nous avons apporté un certain nombre d'améliorations de performances pour l'aider à gagner sa place sur cette liste des thèmes WooCommerce les plus rapides.

Sydney n'a pas de dépendances jQuery et il est codé selon les meilleures pratiques pour aider votre magasin à se charger rapidement.

Au-delà des performances, il est également livré avec une compatibilité et des fonctionnalités WooCommerce complètes, ainsi que des sites de démonstration importables pour les magasins WooCommerce.

Principales caractéristiques

• Trois sites de démonstration WooCommerce (ainsi que de nombreuses démos non-WooCommerce)
• Style personnalisable pour les prix des produits, les badges de vente, les titres des produits, etc.
• Minicart Fly-in
• Paiement sans distraction
• Prise en charge de l'en-tête vidéo
• Intégrations Deep Elementor, y compris des blocs Elementor personnalisés
• Pas de dépendances jQuery
• Balisage de schéma intégré pour améliorer le référencement

Informations sur les performances

• Résultats de bureau
• Résultats mobiles

Tarification

Sydney a une version gratuite, mais vous voudrez que la version premium accède à toutes les fonctionnalités et sites de démonstration de WooCommerce. Il en coûte 69 $ pour une utilisation sur des sites illimités.

2. Cadence

Kadence est un nouveau thème WordPress qui a rapidement gagné en popularité. C'est un thème polyvalent flexible qui offre également une intégration profonde avec WooCommerce.

En général, les options de personnalisation approfondies disponibles dans le personnalisateur WordPress natif ont suscité beaucoup d'intérêt.

Principales caractéristiques

• Options de personnalisation détaillées dans WordPress Customizer
• Générateur d'en-tête et de pied de page par glisser-déposer
• Ouverture automatique du panier latéral lorsqu'un utilisateur ajoute un produit au panier
• Ajouter au panier
• Ajoutez facilement des badges de microcopie et de confiance aux endroits clés
• Deux sites de démonstration importables pour les magasins WooCommerce

Informations sur les performances

• Résultats de bureau
• Résultats mobiles

Tarification

Le thème principal de Kadence est disponible gratuitement sur WordPress.org. Le thème gratuit inclut la compatibilité WooCommerce de base, mais vous aurez besoin de la version Pro si vous êtes sérieux au sujet de votre boutique.

La version Pro vous donne accès à tous les modules complémentaires, y compris le module complémentaire WooCommerce, pour 79 $ pour un an de support et de mises à jour. Ou, vous pouvez acheter Kadence Suite pour 219 $, qui comprend d'autres plugins WooCommerce du développeur.

3. Botigue

Botiga est notre nouveau thème WooCommerce gratuit que nous avons construit à partir de zéro pour être optimisé pour les performances.

Il utilise du JavaScript vanille sans dépendance à jQuery ou à d'autres bibliothèques, et il minimise également ses CSS et JavaScript par défaut.

Hors de la boîte, il ne pèse que 82,8 Ko et il est conçu pour rester léger car tous les sites de démonstration sont construits avec l'éditeur de blocs WordPress natif au lieu de constructeurs de pages plus lourds.

Mais en même temps, Botiga ne lésine pas sur les fonctionnalités, et vous avez accès à de nombreuses options de style et fonctionnalités de commerce électronique pour faire de votre boutique un succès.

Principales caractéristiques

• 100% dédié à WooCommerce
• Optimisé pour les performances avec JavaScript vanille, minification intégrée, etc.
• Sites de démonstration préfabriqués construits avec l'éditeur de blocs WordPress léger (Gutenberg)
• Options de personnalisation avancées de WooCommerce, y compris plusieurs dispositions de panier, filtres de produits, badges de vente, etc.
• Options de conception flexibles dans le personnalisateur WordPress en temps réel

Informations sur les performances

• Résultats de bureau
• Résultats mobiles

Tarification

Botiga a une version gratuite qui peut très bien fonctionner pour les simples magasins WooCommerce. Ensuite, il existe une version Pro qui ajoute de nouvelles fonctionnalités utiles telles que des échantillons de produits, davantage de styles d'en-tête, des positions de barre latérale flexibles, des listes de souhaits, un panier collant, etc.

La version Pro coûte 69 $ pour une utilisation sur des sites illimités. Vous pouvez afficher une comparaison complète des fonctionnalités entre Botiga gratuit et Pro sur la page de tarification.

4. Névé

Neve est un thème polyvalent léger de ThemeIsle.

Le thème de base gratuit fournit une base légère et une compatibilité générale avec WooCommerce, tandis que la version premium s'empile sur un tas de fonctionnalités spécifiques à WooCommerce avec son module WooCommerce Builder.

Principales caractéristiques

• Générateur d'en-tête et de pied de page par glisser-déposer
• Options WooCommerce détaillées dans le Customizer avec le module complémentaire WooCommerce Builder
• Activer/désactiver les métadonnées du produit en cochant une case
• Agrandir l'image du produit
• Page de paiement sans distraction, comprenant des options pour masquer certains champs, par exemple, le champ du coupon si vous n'offrez pas de coupons
• Aperçu rapide du produit
• Fonctionnalité de liste de souhaits

Informations sur les performances

• Résultats de bureau
• Résultats mobiles

Tarification

Le thème principal de Neve est disponible gratuitement sur WordPress.org. Pour accéder au module WooCommerce Booster et à d'autres fonctionnalités premium, la version Pro coûte 99 $ (il existe un plan moins cher, mais il n'inclut pas le module WooCommerce Booster).

5. Astra

Astra est l'un des thèmes les plus populaires qui existent, avec la particularité d'être le premier thème non par défaut à passer un million d'installations actives sur WordPress.org.

C'est un thème polyvalent que vous pouvez utiliser pour tout type de site. De plus, il inclut une compatibilité approfondie pour WooCommerce dans la version premium, ainsi que de nombreuses fonctionnalités utiles.

Principales caractéristiques

• Des tonnes de sites de démonstration WooCommerce importables
• Beaucoup de personnalisations de style et de mise en page dans le personnalisateur WordPress
• Barre latérale hors toile pour les filtres de produits et les widgets
• Aperçu rapide du produit
• Défilement infini du produit
• Chariot déroulant
• Options de galerie de produits flexibles
• Paiement sans distraction
• Options de tri du catalogue de produits, par exemple trier par popularité (ventes) ou note moyenne

Informations sur les performances

• Résultats de bureau
• Résultats mobiles

Tarification

Le thème central Astra est disponible gratuitement sur WordPress.org. Le thème gratuit inclut la compatibilité de base avec WooCommerce, mais vous aurez besoin du module complémentaire premium pour accéder à la plupart des fonctionnalités et options de personnalisation spécifiques à WooCommerce.

Astra Pro coûte 59 $ pour une utilisation sur des sites illimités.

6. Woostifier

Woostify est un thème WordPress 100% axé sur WooCommerce. Personnellement, je pense à ce thème comme "Astra, si Astra n'était que pour les magasins WooCommerce".

Parce que c'est uniquement pour WooCommerce, le développeur peut consacrer tous ses efforts à la création de sites de démonstration WooCommerce et à l'ajout de fonctionnalités WooCommerce.

Principales caractéristiques

• Sites de démonstration WooCommerce prédéfinis pour différentes niches - les sites de démonstration utilisent Elementor pour le contenu de démonstration, ce qui permet une personnalisation facile
• Intégration intégrée avec les plugins de liste de souhaits populaires (listes de souhaits YITH et listes de souhaits TI)
• Beaucoup de paramètres de personnalisation pour WooCommerce
• Dispositions de panier multiples
• Prise en charge de la galerie de produits vidéo
• Comptes à rebours des ventes pour ajouter de l'urgence
• Notifications de vente/affichage
• Chariot coulissant

Informations sur les performances

• Résultats de bureau
• Résultats mobiles

Tarification

Le thème principal de Woostify est disponible gratuitement sur WordPress.org. Il comprend des fonctionnalités de base ainsi que quelques sites de démonstration.

Pour déverrouiller tous les sites de démonstration et ajouter plus de fonctionnalités, vous pouvez acheter Woostify Pro à partir de 49 $ pour une utilisation sur un seul site.

7. Vitrine

Storefront est le thème gratuit "officiel" de WooCommerce qui a été téléchargé plus de cinq millions de fois.

Comme il est développé et maintenu par l'équipe principale de WooCommerce, il est codé avec les meilleures pratiques à l'esprit et s'intègre profondément à de nombreuses extensions officielles de WooCommerce.

Principales caractéristiques

• Vient directement de l'équipe WooCommerce
• Conçu spécifiquement pour WooCommerce
• Personnalisez votre boutique à l'aide de l'outil de personnalisation WordPress natif
• Beaucoup de thèmes enfants Storefront pour vous permettre de changer le design et d'adapter votre magasin à des niches spécifiques

Informations sur les performances

• Résultats de bureau
• Résultats mobiles

Tarification

Le thème principal de Storefront est gratuit.

L'équipe WooCommerce propose ensuite un certain nombre de thèmes et d'extensions enfants gratuits et payants.

Tout d'abord, le pack Storefront Extensions ajoute un certain nombre de nouvelles fonctionnalités et d'options de personnalisation à Storefront pour 69 $.

En termes de thèmes enfants Storefront, vous trouverez des options gratuites et payantes. Les thèmes enfants premium coûtent 39 $ chacun.

8. GénérerPress

GeneratePress est un thème polyvalent léger populaire avec une bonne réputation pour la performance et la propreté du code.

Bien que vous puissiez l'utiliser pour créer n'importe quel type de site WordPress, vous bénéficiez également de nombreuses fonctionnalités spécifiques à WooCommerce, en particulier si vous effectuez une mise à niveau vers GeneratePress Premium (le module complémentaire payant).

Principales caractéristiques

• Code propre et léger
• Module complémentaire WooCommerce dédié dans la version premium - vous offre des options de mise en page et de style spéciales pour WooCommerce
• Icône du panier dans le menu - afficher les articles ou la valeur du panier
• Panier à panneau collant - affiche une barre de notification collante lorsque les acheteurs ajoutent un article à leur panier et/ou lorsqu'ils font défiler vers le bas
• Activez/désactivez facilement l'affichage des métadonnées du produit en cochant une case
• Paiement sans distraction

Informations sur les performances

• Résultats de bureau
• Résultats mobiles

Tarification

Le thème central GeneratePress est disponible gratuitement sur WordPress.org. Le thème gratuit inclut la compatibilité de base avec WooCommerce, mais vous aurez besoin du module complémentaire premium pour déverrouiller la plupart des fonctionnalités et options de personnalisation spécifiques à WooCommerce.

GeneratePress Premium coûte 59 $ pour un an d'assistance et de mises à jour ou 249 $ pour une assistance et des mises à jour à vie.

9. Magasin d'orchidées

Comme Woostify, Orchid Store est conçu spécifiquement pour WooCommerce - ce n'est pas un thème polyvalent comme beaucoup d'autres options.

Il propose des sites de démonstration un peu plus "occupés" que les autres thèmes. Ce n'est pas une critique, juste quelque chose que j'ai remarqué en parcourant sa démo.

Principales caractéristiques

• Conçu spécifiquement pour WooCommerce
• Trois sites de démonstration de commerce électronique importables
• Ajouter au panier
• Prise en charge intégrée de la liste de souhaits
• Commutateur de devises (pro)
• Widget d'offre de produit (pro)

Informations sur les performances

• Résultats de bureau
• Résultats mobiles

Tarification

Orchid Store a une version gratuite sur WordPress.org ainsi qu'un plugin premium qui ajoute des fonctionnalités supplémentaires au thème principal et coûte 49 $ pour une utilisation sur un seul site.

10. Shoptimiseur

Contrairement à beaucoup d'autres thèmes de cette liste qui sont des thèmes polyvalents avec des intégrations WooCommerce détaillées, Shoptimizer est un thème WordPress 100 % dédié à WooCommerce.

Cette orientation singulière lui permet d'intégrer des fonctionnalités spécifiques à WooCommerce plus avancées que celles proposées par les autres thèmes.

L'un des résultats les plus notables est une suite de fonctionnalités axées sur la conversion, telles que des minuteries de vente et des avis d'urgence sur l'état des stocks, des badges de confiance à des endroits clés, un espace de microcopie supplémentaire pour expliquer les politiques d'expédition et de retour, et plus encore.

Il comprend également des fonctionnalités intégrées pour améliorer l'expérience d'achat, telles que la recherche Ajax intégrée avec des résultats instantanés.

Principales caractéristiques

• 100% dédié à WooCommerce
• Minification de code intégrée pour de meilleures performances
• Fonctionnalités intégrées d'optimisation de la conversion telles que les badges de confiance, la microcopie, etc.
• Paiement sans distraction
• Détails du produit collant sur le parchemin
• FOMO de produit unique pour stimuler l'urgence, par exemple des comptes à rebours de vente ou "il ne reste que X articles en stock"
• Une fonctionnalité "demande de rappel", utile pour les produits de grande valeur
• Recherche de produits Ajax pour des résultats de recherche instantanés
• Utilise Elementor pour le contenu de démonstration pour une personnalisation facile

Informations sur les performances

• Résultats de bureau
• Résultats mobiles

Tarification

Shoptimizer n'est disponible qu'en version premium. Son prix catalogue est de 99 $, mais il existe une remise essentiellement permanente de 39 $, vous devriez donc pouvoir l'acheter pour 39 $.

11. OceanWP

OceanWP est un autre thème polyvalent connu pour sa flexibilité et ses options de personnalisation.

Ce n'est pas aussi léger que certains de ces autres thèmes, mais il fournit une tonne de fonctionnalités spécifiques à WooCommerce, ce qui pourrait faire en sorte que le léger compromis en termes de performances en vaille la peine.

Principales caractéristiques

• De nombreux sites de démonstration importables pour les magasins de commerce électronique
• Icône de panier flexible
• Aperçu rapide du produit
• Paiement sans distraction
• Paiement en plusieurs étapes avec barre de progression
• Chariot coulissant pour ordinateur de bureau et mobile
• Filtres de produits hors toile
• Barre flottante d'ajout au panier lors du défilement

Informations sur les performances

• Résultats de bureau
• Résultats mobiles

Tarification

La version principale d'OceanWP est disponible gratuitement sur WordPress.org, mais les magasins WooCommerce voudront que la version premium débloque toutes les fonctionnalités et les sites de démonstration.

La version premium commence à 39 $ pour une utilisation sur un seul site.

12. Divi

Divi est l'un des thèmes WordPress premium les plus populaires, en grande partie grâce à son générateur de glisser-déposer fourni (le Divi Builder).

Si vous recherchez uniquement la vitesse, Divi est un pas derrière ces autres thèmes. Mais si vous recherchez la vitesse et la flexibilité et que vous envisagez d'utiliser un constructeur de pages de toute façon, Divi n'est en fait pas aussi loin derrière qu'il n'y paraît à première vue.

N'oubliez pas que Divi inclut déjà le "poids" du constructeur visuel, par glisser-déposer, contrairement aux autres thèmes. Donc, si vous deviez, par exemple, ajouter Elementor ou Brizy à un autre de ces thèmes, ils seraient beaucoup plus proches de Divi une fois que vous ajouteriez le poids de ces constructeurs. Bien sûr, si vous ne prévoyez pas d'utiliser un constructeur visuel, alors Divi n'a pas vraiment de sens.

Principales caractéristiques

• Générateur de glisser-déposer intégré (Divi Builder)
• Divi Builder prend en charge à la fois la création de pages et la création de thèmes complets, y compris la conception des modèles de votre boutique WooCommerce à l'aide du générateur de glisser-déposer
• Modules WooCommerce dédiés dans le constructeur de pages
• Grand marché tiers, y compris les modules complémentaires axés sur WooCommerce de développeurs tiers

Informations sur les performances

• Résultats de bureau
• Résultats mobiles

Tarification

Divi est uniquement disponible dans le cadre de l'adhésion à Elegant Themes, qui vous donne accès à tous les produits d'Elegant Themes et à une utilisation sur des sites personnels et clients illimités pour un prix unique. Vous pouvez payer 89 $ pour un abonnement d'un an ou 249 $ pour un abonnement à vie.

Quel est le thème WooCommerce le plus rapide ?

Nous vous avons montré beaucoup de données pour des thèmes individuels. Maintenant, rassemblons tout pour vous permettre de voir comment ces thèmes se comparent.

J'aborderai cela de différentes manières. Tout d'abord, parlons des thèmes généraux les plus rapides pour mobile et ordinateur :

• Mobile : Botiga est arrivé premier pour le temps entièrement chargé.
• Bureau : Neve est arrivé premier pour le temps de chargement complet et Woostify a été le premier pour la plus grande peinture de contenu.

(Rappelez-vous que WebPageTest n'a pas donné de temps LCP sur mobile.)

Bien sûr, les différences entre la première et la deuxième place sont assez faibles (ou même la première et la septième place). Donc, pour voir comment tous les thèmes se comparent, j'ai rassemblé quelques tableaux :

Mobile (classé par temps de pleine charge) :

Ordinateur de bureau (commandé par LCP) :

Requêtes HTTP et taille de page (classées par requêtes HTTP) :

De plus, si vous souhaitez voir un vidage brut de toutes les données, vous pouvez consulter la fiche complète ici.

Conclusions générales

C'est beaucoup de données ! Si nous devions résumer à quelques conclusions en tenant compte à la fois des performances des ordinateurs de bureau et des mobiles, les plus performants semblent être :

• Sydney – a terminé deuxième dans les résultats mobiles et deuxième dans LCP pour ordinateur de bureau.
• Neve – a été premier dans les résultats sur ordinateur et troisième sur mobile.
• Botiga – a terminé premier dans les résultats mobiles et sixième dans LCP pour ordinateur de bureau.
• Woostify - était le premier dans le LCP de bureau, mais le cinquième en temps de chargement complet sur ordinateur et mobile.
• GeneratePress – avait la plus petite taille de page sur ordinateur et mobile. A également été deuxième pour les temps de chargement des ordinateurs de bureau.

Comme je l'ai déjà mentionné, les différences entre les thèmes ne sont pas si grandes . Par exemple, Astra n'était qu'à environ un dixième de seconde derrière Neve en termes de temps de chargement complet du bureau, nous ne parlons donc pas de grandes différences entre le classement n ° 1 et le classement n ° 7.

Donc, si vous aimez absolument l'un des autres thèmes, vous pouvez toujours créer un site à chargement très rapide, même en utilisant un thème différent.

Avez-vous des questions sur les thèmes WooCommerce les plus rapides ou sur la manière dont nous avons testé ces thèmes ? Demandez-nous dans la section commentaires!