Enquêtes et recherches sur Shopify et le e-commerce
Les deux thèmes gratuits maison de Shopify, audités côte à côte sur leurs démos officielles : trois passages Lighthouse mobile chacun. Horizon a le moteur le plus propre, et un LCP deux fois plus élevé.
Tout propriétaire de boutique Shopify rencontre d’abord ces deux thèmes : Dawn, le cheval de trait open source qui sert de thème de référence à la plateforme depuis des années, et Horizon, la nouvelle famille maison que Shopify met désormais en avant auprès des nouveaux marchands. L’intérêt de recherche pour ce duo ne cesse de croître, et le haut des résultats de Google est occupé par des fils Reddit qui échangent des impressions. Alors, au lieu d’impressions, voici des mesures.
| Métrique (médiane de 3 passages) | Dawn | Horizon | Avantage |
|---|---|---|---|
| LCP | 6.17s | 12.32s | Dawn, 2× |
| Total Blocking Time | 57ms | 29ms | Horizon, 2× |
| CLS | 0.000 | 0.000 | égalité |
| First Contentful Paint | 2.80s | 3.57s | Dawn |
| Speed Index | 5.51s | 7.01s | Dawn |
| Score de performance Lighthouse | 69 | 62 | Dawn |
Le résultat qui fait le titre, à savoir que Dawn affiche son plus grand élément deux fois plus vite, masque une conclusion plus intéressante.
Le moteur d’Horizon est le plus léger des deux. Un Total Blocking Time de 29ms est un excellent chiffre ; cela signifie que presque aucun JavaScript ne se dresse entre l’acheteur et une page interactive. Les 57ms de Dawn sont aussi un bon score, mais le runtime d’Horizon travaille moins. Le code du thème n’est pas le problème.
C’est la vitrine d’Horizon qui pose problème. Shopify a habillé la démo d’Horizon dans le style pleine largeur, gorgé de médias, que le thème est conçu pour vendre, et ce sont ces médias qui mettent 12,3 secondes à s’afficher sur une connexion mobile bridée. Cela dépasse le cadre de la démo : les sections et les réglages par défaut livrés avec un thème sont ce que la plupart des marchands conservent. Si vous installez Horizon et gardez la vidéo hero et les images surdimensionnées, vous héritez de ce LCP. Si vous y mettez des médias disciplinés et correctement dimensionnés, vous obtenez le moteur propre d’Horizon sans le poids de sa démo.
Dawn reste ennuyeux et gagne. La démo de Dawn est sobre, avec des images plus petites et aucune vidéo, et elle convertit cette retenue en un LCP de 6.17s et en un meilleur score global. C’est toute la philosophie de Dawn, visible dans son code source : JavaScript minimal, ressources system-first, réglages par défaut qui ne se battent pas avec le réseau.
Choisissez en fonction de ce que vous ferez réellement des médias. Un marchand qui veut raconter son histoire en vidéo pleine largeur rendra n’importe lequel des deux thèmes lent, mais il part d’un runtime plus léger avec Horizon. Un marchand qui veut la vitrine gratuite la plus rapide dans des limites raisonnables et qui gardera une imagerie sobre y arrivera plus vite avec Dawn.
Et si la vitesse à l’état brut est le facteur décisif, notez qu’aucun des deux thèmes gratuits n’a dominé notre test complet : la démo la plus rapide que nous avons mesurée est Ultra à 1.91s de LCP, l’un des six thèmes de UTD présents dans la boutique officielle, dont trois occupent les trois premières places du classement des 15 thèmes. Le gratuit est le bon choix par défaut ; il n’est simplement pas le plafond de vitesse.
Horizon est la plus récente famille de thèmes maison de Shopify et elle est proposée comme option par défaut pour les nouvelles boutiques, tandis que Dawn reste disponible dans le Theme Store et comme référence open source sur GitHub. Les forums de marchands débattent de la succession, mais les deux sont actuellement maintenus et gratuits.
Sur leurs boutiques de démonstration officielles, dans des conditions Lighthouse mobile identiques, le LCP médian de Dawn était de 6.17 secondes contre 12.32 pour Horizon. Mais le Total Blocking Time d'Horizon était plus bas (29ms contre 57ms) : son rendu plus lent relève du poids des médias de la démo, pas du poids du moteur.
Oui. Les deux sont des thèmes maison de Shopify disponibles sans frais, ce qui explique pourquoi ils constituent le point de comparaison par défaut de tout achat de thème payant.