14 thèmes les plus rapides pour votre boutique Shopify en 2022 [Pagespeed Benchmarks]

La vitesse est devenue un facteur pour Google dans la façon dont ils classent les sites Web et le contenu qu'ils proposent. Bien que la vitesse n'ait qu'un impact mineur en termes de classement dans les moteurs de recherche, elle peut fortement affecter les magasins de commerce électronique en termes de convivialité et de taux de conversion.

Dans ce guide de référence Pagespeed, nous passerons en revue une liste complète des thèmes Shopify les plus rapides et de leurs performances.

Qu'est-ce qui rend un thème rapide ?

Un thème rapide est celui qui charge le contenu du magasin le plus rapidement possible pour un visiteur, quelle que soit sa vitesse de connexion. C'est-à-dire que si une page doit charger 5 Mo, alors que cela peut être rapide pour quelqu'un sur une connexion haut débit physique, le chargement peut être lent sur une connexion 3G. Ainsi, l'objectif est d'avoir un thème bien optimisé qui soit aussi léger que possible tout en conservant la capacité de vendre vos produits et votre marque du mieux possible.

Quels thèmes avons-nous testés ?

Nous testons uniquement les thèmes du marché officiel des thèmes Shopify. Bien qu'il existe d'autres fournisseurs de thèmes Shopify sur des marchés tels que Themeforest, Template Monster, etc., ils ne sont pas soumis au processus d'approbation rigoureux et aux exigences de mise à jour que les thèmes officiels doivent suivre. Il existe une poignée de thèmes gratuits fournis par Shopify eux-mêmes et les autres sont des thèmes premium développés par des partenaires Shopify agréés.

Comment nous avons testé

Habituellement, vous testez un thème à partir d'une installation par défaut et travaillez à l'envers. Cela semble inutile et contre-productif en réalité. Personne ne vend vraiment des produits d'un magasin Shopify qui n'a pas d'images, de produits, de collections, etc. Au lieu de cela, un test bien meilleur et plus juste consiste à effectuer le test de vitesse de page directement sur les démos du développeur. Ceux-ci utilisent souvent de superbes images de stock, ont des produits variables, des blogs, etc. Ils simulent également un magasin du monde réel par rapport à un thème vide.

Les principaux composants que nous testons sont :

• Fiche produit
• Page de collecte
• Page d'accueil
• Blog

Les scores de Lighthouse varient, nous avons donc effectué les tests plusieurs fois pour chaque thème, en choisissant la moyenne. Si un thème présentait une anomalie, nous n'en tenions pas compte et l'exécutions à nouveau.

14 thèmes Shopify et leurs scores de vitesse

Nous menons nos tests dans un premier temps sur 14 thèmes. Nous avons séparé les thèmes gratuits créés par Shopify et les avons testés en premier. Viennent ensuite les thèmes Premium des partenaires Shopify approuvés et approuvés.

Thèmes gratuits

Aube

par Shopify

• Score de la page produit : 69 Performances - 100 Accessibilité - 100 Meilleures pratiques - 99 SEO
• Score de la page de collection : 93 Performance – 100 Accessibilité – 100 Meilleures pratiques – 92 SEO
• Score de la page d'accueil : 89 Performances - 100 Accessibilité - 100 Meilleures pratiques - 92 SEO
• Score de la page de blog : 84 Performances – 94 Accessibilité – 100 Meilleures pratiques – 92 SEO

Avoir très envie de

par Shopify

• Score de la page produit : 51 Performance – 100 Accessibilité – 100 Meilleures pratiques – 99 SEO
• Score de la page de collection : 93 Performance – 100 Accessibilité – 100 Meilleures pratiques – 92 SEO
• Score de la page d'accueil : 71 Performances - 100 Accessibilité - 100 Meilleures pratiques - 92 SEO
• Score de la page de blog : 77 Performance – 99 Accessibilité – 100 Meilleures pratiques – 100 SEO

Goûter

par Shopify

• Score de la page produit : 51 Performance – 100 Accessibilité – 100 Meilleures pratiques – 99 SEO
• Score de la page de collection : 73 Performance – 100 Accessibilité – 100 Meilleures pratiques – 99 SEO
• Score de la page d'accueil : 49 Performances – 100 Accessibilité – 100 Meilleures pratiques – 85 SEO
• Score de la page de blog : 39 Performance – 100 Accessibilité – 100 Meilleures pratiques – 99 SEO

Bloc de couleur

par Shopify

• Score de la page produit : 79 Performances - 100 Accessibilité - 100 Meilleures pratiques - 100 SEO
• Note de la page de collection : 94 Performance – 94 Accessibilité – 100 Meilleures pratiques – 93 SEO
• Score de la page d'accueil : 92 Performance – 99 Accessibilité – 100 Meilleures pratiques – 93 SEO
• Score de la page de blog : 76 Performance – 100 Accessibilité – 100 Meilleures pratiques – 100 SEO

Sens

par Shopify

• Score de la page produit : 71 Performances - 99 Accessibilité - 100 Meilleures pratiques - 99 SEO
• Score de la page de collection : 87 Performance – 100 Accessibilité – 100 Meilleures pratiques – 99 SEO
• Score de la page d'accueil : 75 Performances - 100 Accessibilité - 100 Meilleures pratiques - 92 SEO
• Score de la page de blog : 83 Performance – 100 Accessibilité – 100 Meilleures pratiques – 99 SEO

Thèmes Premium

Impulsion

par Thèmes Archétypes

• Score de la page produit : 50 Performances - 96 Accessibilité - 92 Meilleures pratiques - 99 SEO
• Score de la page de collection : 63 Performance – 98 Accessibilité – 100 Meilleures pratiques – 92 SEO
• Score de la page d'accueil : 39 Performances - 98 Accessibilité - 100 Meilleures pratiques - 92 SEO
• Score de la page de blog : 72 Performance – 99 Accessibilité – 100 Meilleures pratiques – 99 SEO

Prestige

par Maestrooo

• Score de la page produit : 47 Performances - 85 Accessibilité - 100 Meilleures pratiques - 98 SEO
• Score de la page de collection : 73 Performance – 93 Accessibilité – 100 Meilleures pratiques – 92 SEO
• Score de la page d'accueil : 44 Performances - 93 Accessibilité - 100 Meilleures pratiques - 85 SEO
• Score de la page de blog : 52 Performances – 89 Accessibilité – 92 Meilleures pratiques – 99 SEO

Entrepôt

par Maestrooo

• Score de la page produit : 57 Performance – 84 Accessibilité – 100 Meilleures pratiques – 92 SEO
• Score de la page de collection : 52 Performances – 91 Accessibilité – 100 Meilleures pratiques – 84 SEO
• Score de la page d'accueil : 44 Performances - 93 Accessibilité - 100 Meilleures pratiques - 85 SEO
• Score de la page de blog : 73 Performance – 91 Accessibilité – 100 Meilleures pratiques – 93 SEO

Symétrie

de Clean Canvas

• Score de la page produit : 62 Performances - 85 Accessibilité - 100 Meilleures pratiques - 92 SEO
• Score de la page de collection : 53 Performance – 92 Accessibilité – 100 Meilleures pratiques – 92 SEO
• Score de la page d'accueil : 43 Performances – 92 Accessibilité – 100 Meilleures pratiques – 84 SEO
• Score de la page de blog : 64 Performances – 92 Accessibilité – 100 Meilleures pratiques – 93 SEO

Étendue

par Thèmes Archétypes

• Score de la page produit : 56 Performances - 88 Accessibilité - 100 Meilleures pratiques - 98 SEO
• Note de la page de collection : 47 Performance – 91 Accessibilité – 100 Meilleures pratiques – 90 SEO
• Score de la page d'accueil : 63 Performances - 89 Accessibilité - 100 Meilleures pratiques - 91 SEO
• Score de la page de blog : 69 Performance – 90 Accessibilité – 100 Meilleures pratiques – 98 SEO

Mouvement

par Thèmes Archétypes

• Score de la page produit : 55 Performances - 98 Accessibilité - 92 Meilleures pratiques - 93 SEO
• Score de la page de collection : 59 Performance – 100 Accessibilité – 100 Meilleures pratiques – 91 SEO
• Score de la page d'accueil : 49 Performances - 86 Accessibilité - 100 Meilleures pratiques - 92 SEO
• Score de la page de blog : 56 Performance – 100 Accessibilité – 92 Meilleures pratiques – 100 SEO

Pipeline

par Groupthink

• Score de la page produit : 34 Performances - 98 Accessibilité - 92 Meilleures pratiques - 93 SEO
• Note de la page de collection : 44 Performances – 98 Accessibilité – 100 Meilleures pratiques – 79 SEO
• Score de la page d'accueil : 37 Performance – 96 Accessibilité – 100 Meilleures pratiques – 79 SEO
• Score de la page de blog : 71 Performance – 98 Accessibilité – 100 Meilleures pratiques – 93 SEO

Empire

par Pixel Union

• Score de la page produit : 32 Performances – 83 Accessibilité – 100 Meilleures pratiques – 100 SEO
• Score de la page de collection : 56 Performances – 87 Accessibilité – 100 Meilleures pratiques – 93 SEO
• Score de la page d'accueil : 36 Performance – 82 Accessibilité – 100 Meilleures pratiques – 85 SEO
• Score de la page de blog : 60 Performance – 90 Accessibilité – 100 Meilleures pratiques – 100 SEO

Canopée

de Clean Canvas

• Score de la page produit : 38 Performance – 89 Accessibilité – 100 Meilleures pratiques – 83 SEO
• Note de la page de collection : 41 Performances – 91 Accessibilité – 100 Meilleures pratiques – 83 SEO
• Score de la page d'accueil : 65 Performances - 89 Accessibilité - 100 Meilleures pratiques - 76 SEO
• Score de la page de blog : 75 Performance – 96 Accessibilité – 100 Meilleures pratiques – 82 SEO

Résultats

Ce qui est devenu évident très rapidement lors des tests, c'est l'impact des images et des ressources JS lourdes sur les thèmes. Les thèmes gratuits de Shopify ont extrêmement bien fonctionné et étaient assez cohérents à quelques exceptions près. Un autre aspect était la différence de pages.

En règle générale, les pages basées sur les produits et les collections étaient les moins performantes pour les thèmes gratuits et premium.

En jugeant, nous avons des scores moyens et pris en compte les points forts de chaque catégorie.

Alors, sans plus tarder, annonçons les gagnants.

Meilleur thème polyvalent

Colorblock par Shopify

Meilleur thème gratuit

Sens par Shopify

Meilleur thème premium

Étendue par thèmes d'archétype

Meilleur thème basé sur le produit

Prestige par Maestrooo

Meilleur thème SEO

Sens par Shopify

Conclusion

"Est-ce que cela signifie que je dois choisir le thème en fonction de vos résultats ?" Absolument pas. Le guide ci-dessus donne un aperçu de la vitesse de page telle que notée par Lighthouse. Lighthouse est une mesure de notation que Google utilise pour aider à déterminer ses scores de vitesse de page. La vitesse est un aspect d'une boutique en ligne, mais il existe de nombreux autres éléments critiques et chacun doit être équilibré pour ses avantages et ses inconvénients.

Certains des meilleurs magasins Shopify immersifs n'obtiennent pas de très bons résultats dans ces tests, mais ce qu'ils ont, ce sont des aspects tels que :

• Une marque que les gens comprennent
• Belle imagerie
• Des produits qui ont du sens à certains prix
• Produits qui résolvent les points douloureux
• Exclusivité et unicité
• Contenu invitant et bien classé
• Histoire

Au début, la vérité est que l'un des thèmes ci-dessus vous aidera sur la voie d'une entreprise prospère, mais c'est la pointe de l'iceberg de ce qui est réellement nécessaire.