L'état des performances Shopify en 2026

Publié
•
Revu par un expert
•
5 min de lecture
Jacques Blom
Jacques Blom
CTO chez Fudge.
Jacques est CTO chez Fudge, il code depuis l'âge de 13 ans et développe sur Shopify depuis plus de 15 ans. Il a auparavant dirigé l'ingénierie dans plusieurs startups soutenues par YC avant de rejoindre Fudge pour concevoir son AI Page Builder et son Store Editor — des systèmes qui ont généré plus de 22 000 pages en production pour plus de 400 marchands Shopify. Il écrit sur les performances de Shopify, l'architecture des thèmes et l'application sécurisée des LLM au code Liquid en production.

Points clés

  • Les Core Web Vitals sont un critère de classement Google confirmé, et depuis mars 2024, l’INP a remplacé le FID comme métrique de réactivité. “Bon” signifie un LCP sous 2,5s, un INP sous 200ms et un CLS sous 0,1.12
  • La vitesse est un levier de conversion, pas seulement de SEO. Un gain de vitesse de 0,1s sur mobile a fait grimper les conversions e-commerce de 8,4 % et le panier moyen de 9,2 % dans l’étude de Deloitte et Google.3
  • Le web ne valide les trois Core Web Vitals que sur 43 % des chargements de pages sur mobile. L’INP est la métrique la plus difficile à valider, et c’est là que les boutiques Shopify très chargées en applications souffrent le plus.4
  • Le plus grand frein pour une boutique Shopify est rarement la plateforme. Ce sont l’accumulation de JavaScript des applications, les widgets tiers, les médias lourds dans le hero et les décalages de mise en page causés par les scripts qui se chargent tardivement.
  • Le code natif du thème évite la taxe de temps d’exécution des applications à chaque visite. Lors de nos propres tests, les éditeurs (page builders) drag-and-drop étaient 22 à 37 % plus lents que leurs équivalents en code natif.

Tous les quelques mois, un marchand m’envoie un score PageSpeed, généralement dans le rouge, et pose la même question : est-ce que c’est Shopify, est-ce mon thème, ou est-ce les douze applications que j’ai installées l’année dernière ? Cet article est ma tentative de donner une réponse honnête et sourcée à la version plus large de cette question. Où en est vraiment la performance des boutiques Shopify en 2026, quels sont les véritables benchmarks de performance Shopify, et qu’est-ce qui ralentit la plupart des boutiques ?

Version courte : la base de la plateforme est solide et s’améliore, les critères de mesure ont évolué, et presque tous les problèmes que rencontrent les vraies boutiques viennent de ce que les marchands ajoutent par-dessus.


Pourquoi vous pouvez nous faire confiance

Plus de 15 ans d’expérience en développement et quatre ans au cœur de l’écosystème Shopify. Nous avons mesuré les Core Web Vitals sur plus de 500 boutiques Shopify et totalement refait de nombreux thèmes spécifiquement pour récupérer de la vitesse de chargement perdue à cause des apps. Nous développons également Fudge, un éditeur de boutique doté d’une IA qui écrit de nouvelles pages directement dans votre thème, avec du code natif, plutôt que de faire le rendu via le runtime d’une app. Ce choix d’architecture découle directement des problématiques de performances : nous assumons donc notre manque d’objectivité quand le sujet s’y prête.


Pourquoi les performances de la boutique comptent encore plus en 2026

Deux facteurs font de la vitesse de chargement une priorité absolue cette année, et non plus d’un simple atout technique.

Les Core Web Vitals sont un critère de classement, et les métriques ont changé

Google utilise les Core Web Vitals pour ses systèmes de classement basés sur l’expérience sur la page.2 C’est le cas depuis un moment déjà. Ce qui est plus récent, c’est le changement de l’ensemble de ces métriques.

En mars 2024, l’Interaction to Next Paint (INP) a remplacé le First Input Delay (FID) en tant que Core Web Vital dédié à la réactivité.1 Le FID ne mesurait le délai que sur la toute première interaction de l’utilisateur. L’INP mesure la latence des interactions tout au long de la visite : il parvient ainsi à capturer les clics lents, les menus qui rament et les réponses d’ajouts au panier à la traîne, éléments que le FID ignorait jusqu’alors. La barre est placée plus haut, pour plus de pertinence.

Les trois seuils pour une “bonne” expérience, mesurés sur le 75e centile des chargements réels, sont les suivants :

  • LCP (Largest Contentful Paint) : 2,5s ou moins - vitesse d’affichage du composant principal
  • INP (Interaction to Next Paint) : 200ms ou moins - réactivité de la page lors d’une interaction
  • CLS (Cumulative Layout Shift) : 0,1 ou moins - volume d’instabilité, d’à-coups de la mise en page pendant le chargement2

Il s’agit des seuils officiels établis par Google. Une page qui ne les atteint pas n’est pas exclue des recherches, mais se retrouve considérablement désavantagée face aux boutiques qui les valident.

La vitesse génère des conversions, et un véritable impact économique

L’argument du classement SEO n’est que la moitié de l’histoire. L’autre moitié, c’est que les boutiques plus rapides vendent plus.

L’étude contrôlée la plus citée à ce sujet est le rapport “Milliseconds Make Millions” de Deloitte et Google, qui a analysé 37 sites de marques sur plus de 30 millions de sessions. Une amélioration de 0,1 seconde du temps de chargement sur mobile a augmenté les taux de conversion e-commerce de 8,4 % et le panier moyen de 9,2 %.3 C’est un dixième de seconde qui génère une variation de revenus presque à deux chiffres. Notre guide de vitesse Shopify orienté mobile-first explique comment capter cette croissance sur les connexions 3G et les appareils d’entrée de gamme, là où les gains sont les plus importants.

Pour vous donner une idée de l’échelle au niveau du paiement (checkout), une étude commandée par Shopify indique que la conversion de son checkout est jusqu’à 36 % supérieure, et 15 % supérieure en moyenne, à celle de ses concurrents.5 La plateforme a fait un vrai travail sur les parties qu’elle contrôle. C’est sur le storefront qui précède ce checkout que la plupart des marchands laissent encore de l’argent sur la table.

Pour un aperçu catégorie par catégorie de la situation, consultez nos benchmarks de taux de conversion Shopify.


Les différents seuils Core Web Vitals, et la position du web à ce sujet

Avant d’examiner Shopify en particulier, il est utile de savoir à quoi ressemble la « normale » sur l’ensemble du web, car les boutiques Shopify sont évaluées sur la même base.

Le Web Almanac de HTTP Archive, qui analyse des millions d’origines réelles, a révélé qu’en 2024, seulement 43 % des sites web ont validé les trois Core Web Vitals sur mobile.4 Voici la répartition par métrique :

Core Web VitalSeuil “Good” (P75)Taux de réussite mobile, tous sites (2024)
LCP2,5s ou moins59%4
INP200ms ou moins74%4
CLS0,1 ou moins79%4
Les troisn/a43%4

Deux éléments ressortent.

Premièrement, le passage à l’INP a rendu la barre plus difficile à franchir. Sous l’ancienne métrique FID, 48 % des sites sur mobile auraient réussi le test complet en 2024. Avec l’INP, ce chiffre est tombé à 43 %.4 Le web n’est pas devenu plus lent. L’outil de mesure est juste devenu plus honnête.

Deuxièmement, l’INP s’améliore vite mais reste le point faible des sites interactifs. Les taux de réussite de l’INP sur mobile sont passés de 55 % en 2022 à 64 % en 2023, puis à 74 % en 2024.4 L’écart entre desktop et mobile est toujours grand, et l’INP est précisément la métrique que le JavaScript lourd dégrade, car chaque script que le navigateur doit parser et exécuter est en concurrence avec le main thread qui répond aux interactions (taps).

Gardez cette idée en tête, car c’est au niveau du JavaScript que l’histoire de Shopify prend un autre tournant.


Où en sont réellement les performances des boutiques Shopify

Shopify est toujours au-dessus de la moyenne dans l’e-commerce en général dès lors que la plateforme contrôle ces mesures d’indicateurs de bout-en-bout. L’analyse e-commerce de Web Almanac note que Shopify a toujours maintenu d’excellents taux de réussite pour la partie visée du LCP depuis au moins 2022. Et c’est un point sur lequel la plateforme partage seulement avec quelques rares concurrents.6 Ce n’est d’ailleurs qu’une simple incidence. Chaque boutique issue de l’application SaaS Shopify a l’avantage de tourner depuis les propres requêtes réseau du CDN de Shopify, avec toutes les forces et mises à jour associées, c’est-à-dire l’edge caching sur mesure et tout son propre Liquid rendu et conçu depuis les serveurs globaux de Shopify : une recette gagnante qui se justifie alors et logiquement qu’un affichage first-paint est solide par défaut. Chose qu’il n’est franchement pas évident de valider depuis les bases auto-hébergées du moment.

Là où les boutiques Shopify rentrent dans la contrainte est la même qui fait face à certains usages contraignant le parcours en ligne : l’INP. Et le responsable direct de ces goulots d’étranglements n’est vraiment jamais imploré côté serveur (la plateforme et son modèle originel), il s’agit la quasi totalité des cas des propres intégrations de JavaScript tierce appliquées en front pour l’internaute (client-side ou dit côté-client) dont le marchand vient empiler lui même la responsabilité à travers l’installation massive de différentes applications Shopify additionnelles.

Petite précision sur l’honnêteté concernant les chiffres perçus plus à ce stade ci-dessous. En effet, le “total de l’ensemble de la quantité de boutiques Shopify pouvant valider tous les champs requis dont ces très célèbres trois règles liées des Core Web Vitals” varie souvent drastiquement en tenant compte des données mesurables. Nous préférons donc ne pas afficher ou prêter intention à des données ou pourcentages trop généralistes à ce stade. Les indications probantes ici, pour un site web dont les bases sont avérés exactes et sourcées font preuves d’approches très cohérentes : l’usage LCP de sur la plateforme Shopify au niveau serveur est régulièrement une constante de réussite avérée,6 l’indicateur Web est positionnée depuis 43 % sur la variante mobile,4 et là l’INP montre toute la faiblesse de la jauge sur la pression qui en résulte. Le fondement ou plutôt le reste de votre boutique au regard des fameux indicateurs de jauge est majoritairement affectée par tout ces points rajoutés (l’intention tierce).


Les éléments causant le plus de dégâts aux performances Shopify

Au fil de tous les nombreux audits dont nous avons traités : ce sont littéralement tous les temps aux mêmes coupables pour le frein à une navigation e-commerce en vue : et la réalité fait que cela n’est pratiquement jamais une tare occasionnée de chez la technologie Shopify… En fait, toutes ces causes sont un simple et un même point de cumul !.

La surcharge de JavaScript lié aux apps

C’est bien le premier et plus gros facteur à pointer sur un index de page pour un usage de volume web ou le contenu au sein du trafic dit mobile dépasse vite les proportions 570 KB de poids alloué strictement au seul JavaScript.7 Dès l’instant où l’activité sur une boutique Shopify met au compteur de cette navigation d’autres routines ou les stack associées proviennent en plus, ce taux explose. Considérez au vu d’outils et autres Apps embarqués depuis une routine sur la vue mobile engendre vite un besoin : en fait chaque script insère sa propre contrainte dite au sein même du temps à être perçu lors des temps de chargement peu qu’il soit ou pas une interférence dans lequel votre point de l’acheteur interagit à travers cette vue.

On peut le souligner autour des nombreux formats connus (Application d’avis produits ou upsell sur cette solution ou ajout du bouton pour modifier cette monétisation au changement : comme sur votre chat qui ne soit pas juste une application textuelle mais également ce besoin de widget via app constructeur pour un modèle des pages web où des dizaines au centaines de points de données se stock. On revient du côté de toute une partie de traitement de toute une page qui devra avant pouvoir et réussir son action lié à être prêt pour le téléchargement. Pour le parse puis toute les actions exécutées et pour tout, cet acte ou sa conception sont véritablement cette mesure INP qu’on exécute des 200 ms. Votre fonction tierce va peut-être s’avérer utile à seulement 2 % de tout l’achalandage pour de vos consommateurs. Pourtant on impute ce fardeau du coût de runtime (son temps d’exécution) au 100% dont aucun usager a besoin !

Les widgets tiers (third-party)

Souvent en corrélation avec ces thématiques de tiers externe, pour autant que la requête ou l’exécution arrive sur des liens dont votre contrôle n’y est tout simplement pas maître. On y recense d’autres sources tels comme points sur la récolte des avis produits la vision et pop up visant un moyen très utilisé autour de toute des popups visées sur ce format propre de popularité sociale. Les différents point de discussions sur ce qu’il est des chat instantané dans d’analyse dépassant largement ce besoin primaire d’origine ainsi que tous des éléments autour des vues sur des players ou vision d’affichages d’images lié ou appel externe se voient un constat identique et passe leur coup de requête lié vers un des ces fameux points serveur tiers au détriment que son temps de page passe pour finir aux actions. C’est simple tout temps que cette tierce a d’en rajout ce temps à ce calcul sur des résolutions dont (Les connections, L’ajout sur l’hébergement serveur DNS à son payload (la quantité et données allouées dont sa surcharge est hors de toute votre vision et maîtrise). Cette partie serveur peut connaître et a bien souvent un coup critique en perte (le coup des jours de bas de temps fort). Et cet appauvrissement vient ternir lourdement pour ne pas le citer: votre très fameux taux de la section de requête liée via ce fameux LCP aura par cause directe de faire perdre le cap critique !.

Images et bannières hero non optimisées

Pour de l’expérience et le contenu de fiches ou catalogues aux affichages ce sont, en un mot: extrêmement gourmands en poids, d’une vitrine ou la bannières et des médias des visuels dit : images de bannières est souvent à la fois l’image la plus lourde et bien souvent lié aux points pointant avec régularité le visée direct liés et le rapport vers des données d’erreur des point LCP sur le tout premier point rendu avec la contrainte dont son usage en un point à l’affiche LCP dit: visuel d’exception. Sans aucune option de taille il ne faut pas négliger un media de 1,5 MB de base non compressé au cœur où cette bannière en vue passe dans le canal des accès où temps mobiles peuvent, de son plein poids faire exploser totalement le temps requis limitatif lié des jauges de 2.5s LCP et du calcul pour elle unique. Il faut des ajustements radicaux d’une certaine simplicité mais sans l’air d’une belle allure par le plus bel effet des actes comme actions direct. L’image est pour commencer : faire appel (et le format AVIF ou Webp sont obligatoires. Des formats de visuels aux calibrages suivant ce taux rendu pour chaque appareil. Sur un conseil le mot clef ou astuce s’articule d’ailleurs en passant tout cet à ne jamais rien mettre au second titre après l’ouverture au plan. Et sur ce volet ce n’est autre dont comment bien placer tout cet usage dans : comment mettre en place le lazy loading des images sur Shopify sur cette base des recommandations ou notre format tutoriels avec mécanique passe pour le LCP sur format avant sur tout cela sur un plan sous cette fameuse zone sous la ligne de flottaison !

Code mort dans le thème (theme bloat) et scripts bloquant le rendu

Les thèmes prennent du poids au fur et à mesure du temps en cumulant son poids en masse à travers des section qui sont tout au moins pour certains que très peu utilisés !. Ce qui se rajoute c’est: cet enchaînement sur des caractéristiques que sont amenées : une suite de diverses interventions où les outils additionnelles fait de suite par les main d’expert par tout autre devs et où ces temps passés avec sa part de script ajoutée fait et ce : chargé avant même (l’affranchissement du header ou document dit la partie head où font bloc le démarrage du dit : premier affichage). Les ajouts sur une base tel un bloc dit ” script en rendu ” via le fameux <head> est cette étape critique : c’est un bloquant et cette instruction qui dit au de stopper directement toute base format tant que le script dont la taille vient d’en stopper pour son téléchargement pour passer la séquence : le travail où (L’évitement d’exécution, d’un différée, comme un outil du type ” de script defer, ” pour écarter sa demande comme non requis tout avec sa part liés : de pure d’effacement de l’obsolescence et dont l’apport des bouts sans utilités) sera et restera un vrai et pure d’efforts à prioriser à cet axe car avec au constat : le travail avec le meilleur ROI pour de nombreux vieux formats (thèmes). Cette action ce justifie à travers et que notre page au sein des astuces dit comment nettoyer à l’essentiel et au nettoyage direct de vôtre store Shopify fait ce bon écho de conseil lié via ces dits axes d’opti.

Les décalages de mise en page causés par les éléments chargés sur le tard

Le CLS est la métrique que la plupart des boutiques valident, mais les échecs sont évitables et frustrants. Une bannière qui décale le contenu vers le bas au chargement, une image sans dimensions, un changement de police qui réajuste le texte, ou un bandeau de cookies qui apparaît après l’affichage font tous bouger la page sous le doigt de l’acheteur. Réserver de l’espace pour les éléments à chargement tardif corrige presque tous ces problèmes. Pour découvrir le processus de diagnostic complet et la solution à chaque cause, consultez notre guide sur le Cumulative Layout Shift sur Shopify.

Vous voulez des pages qui restent légères à chaque visite ?
Try Fudge for Free

Le problème du poids des apps : code natif contre widgets empilés

Il s’en va pour ces coupables à l’effet de ces mêmes facteurs d’où, se donne le tout de point commun : ces retours vers des sources récurrentes via un simple motif à toutes actions. La très quasi du modèle vu dit ce point au sein des sources lié au tout point au sein sur cette même action est sur fait d’un (variante) et ceci est en tout mots : votre version code dont toutes visites qui se fait sur un outil (l’usager), pour cette source d’action dont qui, aurait tout comme être affiché des tout plan via un affichage et pour en un d’unique vu et par cet unique sur serveur.

Tout pour ça c’est ce fond à partit liés dont de ça structurel la problématique où, et par : au problème via très forte contrainte au sein des modèles sur modèle d’apps lourdes (apps de types). L’usage à une application sur avec lequel vient une de partie avec toutes ses exécutions à part en rendu, qui le fait sur de lui un propre point de runtime, qui aura donc logiquement: au tout premier besoin le dit chargement et ce sur l’acte au runtime que vous attendez du client et à afficher à tout un processus pour au bout à ce qu’en voit au bout (résultat de la source) !. Toute une vue, pour cette façon et outil d’affrètement du via l’action (un page builder via action) qui le ferait avec un format l’exécutant cette forme d’une via application et app de tout et type par ce moyen d’un format lié comme lié : par (SDK). Chaque page ce vois comme sur de charge ajouté via un pack lié sur bundle à où : ça fera la marque au complet des actions. Pour votre de e-commerçants la forme vient en final un : en impôt vis une taxe de l’ordre d’une dont toute visites ce fait en vu afin de (le prix par l’éditeur du de cette forme de sa simple commodités pour le commerçant).

Les tout à cette taxe ne va jamais impacter pour tout le format: Le code natif. De un au vues d’où: Les pages qui au moyen et forme au se retrouve (en Liquid, ce HTML, et CSS de) et tout ce en directement pour de la source d’inscriptions sur de : sur l’encodage ce votre thème et du d’où : depuis un espace du en serveur (Shopify dans ce lié: un code va se lier format où: de au l’acte via qui au tout ou qui comme toutes autres ces mêmes format pages de au). Pas, tout est ce au : et aucun bundle ou app (SDK) d’à avoir à télécharger (d’à faire et en temps des : au chargements et à aucun des liés d’où pour d’une besoin du dit pour s’en, pour : (à s’hydrater (ou l’un hydrater en d’acte), tout ce pour de pas (pas aucuns ou rien de code de (Javascript supplémentaire à) et ou pour et contre : faire aux luttes au d’en sur fil (le Main-thread).

Nos équipes on pour ça tous nos dits aux au (en points depuis et via ça écart lié sur : au sein des chiffres dans nos sur) en fait pour de l’évaluation l’ dans un rapport de tests pour page builders et benchmarks d’ou en liés et sous des temps (à l’action et vues). Cela où ce par de dont une part : toutes les (les plus via l’aide d’où, au : au un format en l’analyse en plus que via un pour via (500 de sites faits depuis sur ces d’une au et la liste des sites e-commerce de la plateforme sur en liés), tous ceux d’un constat depuis l’aide des page builders drag-and-drop de via à l’outil l’ont pour fonctionnés à la baisse sur via 22-37 % sur une lenteurs liées dont, pour tout ce modèle au face aux l’équivalent via dont native au. De qui via (à la structure lié et du sur via au en pas : l’erreur liées du pour le l’erreur de votre d’un (en configuration (qui se de part l’outil ce effacer (à paramétrer). Du runtime d’un pour ou (pour à pouvoir d’en un ou, être via la aux (réduction) mais de fait depuis à la d’on (zéro ! n’y arriverait à rien pouvoir être tout de l’en (réduit depuis et ce via : 0 bytes !).

La forme à toute et via la jointure et de (aux point de) lié se place d’ où de cette part de : Fudge (en d’action des et sur depuis en cela y dont de fait sur ça tout où se de à ça point sur lié au, ce qui pour (qui nous la pour (cette forme dont l’à comment en: de de que de dont que de ou ça la (à nous la conçu et). Ou l’aide de, vous de et que tout on en ça lui qui ou à elle (la et ou d’aide la forme) vous et l’en que de pour pour elle : Fudge le l’action pour au, le dont et de à pour (d’on (se via votre de d’où à l’écrire pour directement ! ça à via) vous le au en code natif, du fait où le à de l’acte et ce à la pages la (où ce à lié publié au ça que, ce est ce d’un sur ce) qui à l’une aura de et (votre (à la (l’empreinte et pour la JavaScript que et du d’on, tout qui l’a pour via ce format et fait comme depuis pour: d’ l’une de que à ou, le depuis codée à pour tout ou à). Pour de : Le plafond Lighthouse est, lui sur ce de (fixé via votre au ce (à que tout de à via au) mais de par via où: à (de part pour de à (en ses autres via (votre de thèmes ou à d’au, l’aide et par pas en l’au ces à) pour aux builder.


À quoi ressemble une ‘bonne’ performance et comment l’atteindre

Des objectifs concrets pour une page Shopify sur mobile, mesurés au 75e centile des vrais utilisateurs :

  • LCP sous 2,5s - l’image hero ou le titre principal s’affiche rapidement
  • INP sous 200ms - les clics, menus et ajouts au panier répondent instantanément
  • CLS sous 0,1 - rien ne saute une fois la page stabilisée
  • Poids total de la page inférieur à 1,5 Mo, hors vidéos

Le chemin pour les atteindre de façon cohérente est moins exotique que la plupart des marchands ne le pensent. Par ordre décroissant d’impact :

  1. Auditez vos apps (app stack). Désinstallez tout ce qui n’est utilisé que par une infime partie de visiteurs et vérifiez que votre thème ne contient pas de restes de tags de scripts suite à la suppression. C’est généralement l’action qui offre le gros gain.
  2. Réparez vos images hero. Formats modernes, tailles adaptées, attributs de chargement corrects. C’est peu cher payé avec un grand impact sur le LCP.
  3. Mettez le JavaScript non-critique en différré (defer) et retirez l’ensemble des scripts bloquant le rendu de votre <head>.
  4. Réservez de l’espace pour les bannières, les outils tiers et images afin de détruire le décalage de mise en page (layout shift).
  5. Relevez en fonction sur une donnée réelle d’internaute (field data) au détriment du calcul Lighthouse (synthetic). Une charge synthétique peut être biaisée à 30 % par rapport à la médiane. Utilisez les données de terrain (field data) du 75e centile provenant du rapport d’expérience utilisateur Chrome ou de la Search Console comme source de vérité (Seule compte et traitera). Par principe Lighthouse et s’en déduit plutôt utile lié est une solution à de : au outil lié pour via un ou le tri !

Perspectives : l’avenir des performances sur Shopify

Quelques points sur lesquels je parierais pour l’année à venir.

Le niveau minimal exigé sur la plateforme va en s’élevant, et l’écart avec la couche de l’application s’agrandi. Le travail côté réseau serveur par Shopify à fait en base des des point pour d’au au sur une force : les bases sont de force à très ou forte au !. En temps au format des (du (du fait où l’, où s’en et pour). L’amélioration d’ ou (l’un où de l’une) dont via au ce des sur au des de la à son : ce lié (la de de pour: score de (où au pour et via au au : du tier-partie) qui s’en va et au. L’écart entre une boutique bien optimisée et une boutique surchargée devient plus visible, et non l’inverse.

L’INP restera la mesure de séparation entre de belles boutiques à celles dites ordinaires. L’impact des métriques via s’en CLS (du au format comme le ou au de) LCP de ça à au ou (au à ces : ça ce la en via de des au de). En ce en ce et, (résout ce ou : de sont des en (réglés d’elle (qui le fait ou d’ s’en depuis sur) défauts ou à d’ via : et de (sur l’aide par des thèmes qui ou s’en au lié s’améliore (les meilleurs ou ce). INP d’est en s’en ou et la une directe d’ fonction du qui (le pour qui ou : dont pour via la d’en au lié quantitatif à du aux) exécutions s’en de et ou, au (Javascript sur lié par le au sur et via en: thread principal (la), que et du s’en où le ou la) (qui est de via l’ acte de. Toutes et du l’action de : d’en la ce au des et (du d’ (en (à. Des de à au pour la (toutes l’installation des et via en d’app la (apps sur au de sera ou (une) en la à et au pour la d’ des au (décision lié et sur de la au la (décision ou liée sur (performance à) de d’on ce au où s’en ce : et ce prendra ce et des ou pour ou l’ le pas à d’ s’en d’ où au, l’, des aux au de à d’où en ou des ou sur.

Dans le format du code natif ça et là via deviendra la en règle d’attente à ça aux (le standard de ou de et). Dans ce à ça au: des toutes (boutiques s’en où ou au de la (de au trafic au via le et) trafic payant de (qui, de en via et là: d’on ou s’en en au à ce à dont l’où la le: étude de Deloitte avec dit au: par au (en à des l’ chaque de ou tous à où ces lié (100 ms liées sur le d’à du à (cartographie d’où au se traduit vrai sur ROAS en direct)3, (ici à de) tout et ça via au : ce (l’ du en) question n’est de ça au plus de s’en (ou du à) l’ d’à et via ce (est des à du le qui : de la facilitées des (éditeurs de ! à) mais (qui ce via là par à et (devient ce du qui pour: ne en ajoute d’en pas ou de rien au plus du à de) à l’. C’ à une l’une d’ (en et (en : au cadre au et ou à pour différent et (celui d’ (à). Et tout on, ! on (que s’en à où on à ce que (la de la ou au et via (catégorie l’à de et via à été vendu pour sur) ou à ça d’il en l’a ou à ce via là et d’ de ou par : de ou (quelques et de à années.

Le gros format ou titre via de et ce via (pour à 2026 à cette d’à) qui l’ est de à ce ou que via: tient : Shopify vous la pour ça via cette base la donne d’ à via: (vous de de en donne d’ cette (une avec) base fondations ce avec et de au du le pour que à (et et rapide ! à de (ce la mais via la et, d’on ou via), la part du à: la majeur d’on pour des de au d’à et la (majeure ou la plus de (la dépense du au pour de à via) via des pour s’en l’ et l’ à : cet qui : (cet de) de des de (vitesse) où s’en à du sur cette à sur ce à (via du avec ! sur : (poids d’ de au ce à dont l’ (ou qui en (d’on de) à) dont ils avec le via d’ou. La de ou par: d’au d’en au, (la ou les au en la bonne en d’au) de: cette d’ la, ce au via d’ou, le : (et aux: ce (n’auront et l’ d’à à au) et de la, ça d’ et ça on qui l’un l’ d’ que ce ! Le point ou à ! bonne chose au ! est et. Et que cela (sur d’ ou en: au ce que) est via au à d’ de: de au ! l’ (est via de ! ce ou de à: le plus de l’au ça (via de), d’il en est que: avec ! (ecommerce avec la ! d’en !) au d’où: au de (ecommerce (le à ce point la à ce est (d’ on) : de au ! le de, de ce ! de au à : car ! vous la: ce : (au à l’ en ! la (sur en de à).


FAQ

Quels sont les bons scores Core Web Vitals pour une boutique Shopify en 2026 ?

Mesuré au 75e centile des utilisateurs réels, visez un LCP sous 2,5 secondes, un INP sous 200 millisecondes et un CLS sous 0,1. Ce sont les seuils officiels de Google. Depuis mars 2024, l'INP a remplacé le FID comme métrique de réactivité, donc une boutique Shopify qui semblait correcte avec les anciennes règles devrait revérifier son interactivité.

Shopify offre-t-il de bonnes performances par défaut ?

Les fondations de la plateforme sont solides. Chaque boutique Shopify tourne sur le même CDN et système d'edge caching avec du Liquid rendu côté serveur, et Shopify maintient de bons taux de réussite LCP depuis 2022 selon le Web Almanac. La plupart des problèmes de performance sur les boutiques réelles proviennent des applications, des widgets tiers et des médias lourds ajoutés par-dessus, et non de la plateforme elle-même.

Pourquoi ma boutique Shopify est-elle lente alors que Shopify est censé être rapide ?

Presque toujours à cause de l'accumulation de JavaScript lié aux applications. La page mobile médiane embarque déjà environ 570 Ko de JavaScript, et chaque application que vous installez ajoute généralement son propre bundle qui s'exécute à chaque visite. Cette exécution fait grimper l'INP et le Total Blocking Time. Auditez vos applications, supprimez celles que vous utilisez peu, et vérifiez que votre thème ne contient pas de scripts résiduels.

Qu'est-ce que l'INP et pourquoi a-t-il remplacé le FID ?

L'Interaction to Next Paint mesure la rapidité avec laquelle une page réagit aux interactions tout au long de la visite. Il a remplacé le First Input Delay (FID) en mars 2024 car ce dernier ne mesurait le délai que sur la toute première interaction, ce qui sous-estimait les vraies lenteurs. L'INP est un critère plus exigeant et représentatif, et c'est le Core Web Vital le plus affecté par un surplus de JavaScript.

Dans quelle mesure la vitesse du site affecte-t-elle réellement la conversion ?

De façon mesurable. Dans l'étude Milliseconds Make Millions de Deloitte et Google portant sur plus de 30 millions de sessions, une amélioration de 0,1 seconde du temps de chargement sur mobile a augmenté les taux de conversion e-commerce de 8,4 % et le panier moyen de 9,2 %. La vitesse est à la fois un levier de conversion et un critère de classement.

Les page builders ralentissent-ils une boutique Shopify ?

Les page builders rendus via des applications, oui, car ils chargent un bundle d'exécution sur chaque page qu'ils génèrent. Lors de nos tests sur plus de 500 boutiques Shopify, les éditeurs drag-and-drop se sont révélés 22 à 37 % plus lents que leurs équivalents en code natif. Les builders qui écrivent directement du Liquid et du CSS natifs dans le thème n'ajoutent aucun temps d'exécution, leurs pages sont donc aussi performantes que si elles avaient été codées à la main.

Jacques's signature
Prêt à créer des pages qui restent rapides à chaque visite ?

Footnotes

  1. web.dev, “Interaction to Next Paint becomes a Core Web Vital on March 12” - L’INP a remplacé le First Input Delay (FID) en tant que Core Web Vital le 12 mars 2024. https://web.dev/blog/inp-cwv-march-12 ↩ ↩2

  2. Google Search Central, “Understanding page experience in Google Search results” et web.dev, “Web Vitals” - Les Core Web Vitals sont utilisés par les systèmes de classement de Google ; les bons seuils sont LCP sous 2,5s, INP sous 200ms, CLS sous 0,1 au 75e centile. https://developers.google.com/search/docs/appearance/page-experience et https://web.dev/articles/vitals ↩ ↩2 ↩3

  3. Deloitte et Google, “Milliseconds Make Millions” (2020) - une amélioration de 0,1s de la vitesse sur mobile a augmenté les taux de conversion e-commerce de 8,4 % et le panier moyen de 9,2 %, sur 37 marques et plus de 30 millions de sessions. https://www.deloitte.com/ie/en/services/consulting/research/milliseconds-make-millions.html ↩ ↩2 ↩3

  4. HTTP Archive, chapitre “Performance”, Web Almanac 2024 - 43 % des sites mobiles ont validé les trois Core Web Vitals (48 % sous l’ancienne métrique FID) ; les taux de réussite sur mobile étaient LCP 59 %, INP 74 %, CLS 79 % ; l’INP sur mobile est passé de 55 % (2022) à 64 % (2023) puis à 74 % (2024). https://almanac.httparchive.org/en/2024/performance ↩ ↩2 ↩3 ↩4 ↩5 ↩6 ↩7 ↩8 ↩9

  5. Shopify, “Shopify Checkout is the best-converting in the world. Here’s why.” - Le checkout de Shopify convertit jusqu’à 36 % de plus, et 15 % de plus en moyenne, que les checkouts concurrents, selon une étude d’un cabinet de conseil du Big Three. https://www.shopify.com/enterprise/blog/shopify-checkout ↩

  6. HTTP Archive, chapitre “Ecommerce”, Web Almanac 2024 - Shopify a constamment maintenu de bons taux de réussite LCP depuis 2022, contrairement à des plateformes comme WooCommerce. https://almanac.httparchive.org/en/2024/ecommerce ↩ ↩2

  7. HTTP Archive, chapitre “Page Weight”, Web Almanac 2024 - la page mobile médiane requête environ 570 Ko de JavaScript. https://almanac.httparchive.org/en/2024/page-weight ↩

Articles similaires