2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
Satisfaire les clients est le secret du succès dans le commerce de détail. Il a été prouvé qu'offrir une expérience en ligne rapide et cohérente améliore considérablement tous les indicateurs qui intéressent les détaillants : des taux de conversion et des revenus à la fidélisation et à la notoriété de la marque.
Aperçu de cet article :
La vitesse des pages affecte les données des entreprises de vente au détail en ligne
Comment comparer la vitesse de votre site Web à celle de vos concurrents
Commencez avec l'optimisation des performances : analysez ce qui ralentit vos pages, des images et des tiers aux feuilles de style et aux polices personnalisées, et ce que vous pouvez faire pour y remédier.
Pour la plupart des détaillants en ligne, la vitesse des pages a un impact mesurable sur les bénéfices. Même de petites améliorations peuvent améliorer considérablement des mesures telles que les taux de conversion.Par exemple
Mais qu’en est-il de votre site Internet ? Pour comprendre l'impact des améliorations de la vitesse des pages sur votre propre site, vous devez examiner vos propres données de surveillance des utilisateurs réels (RUM).Diagramme d'association est un excellent moyen de communiquer les performances à tous les membres de votre entreprise. Vous pouvez utiliser RUM pour créer ces visualisations qui permettent même aux parties prenantes les moins techniques de voir facilement la corrélation entre les performances et l'engagement des utilisateurs et les mesures commerciales telles que le taux de rebond et le taux de conversion.
Le graphique de corrélation vous donne une vue histogramme de tout le trafic utilisateur, réparti en différents groupes en fonction de mesures de performances telles que le démarrage du rendu, le tirage maximum de contenu et le nombre d'interactions jusqu'au prochain tirage. Le graphique comprend une superposition qui vous montre les mesures d'engagement des utilisateurs ou les mesures commerciales (telles que le taux de rebond ou le taux de conversion) associées à chaque groupe. De cette façon, vous pouvez voir en un coup d'œil la relation entre les performances, l'engagement des utilisateurs et votre entreprise.
Comme vous pouvez le voir sur ce graphique de corrélation, avec un temps maximum d'extraction de contenu (LCP) de 1,1 seconde, le taux de conversion culmine à un peu plus de 6 %. À mesure que le LCP ralentit, le taux de conversion chute rapidement et descend en dessous de 3 % en 2 secondes. Comme le montre ce qui précède, l'optimisation des performances du site Web pour réduire le temps LCP peut entraîner des conversions globales plus élevées et plus de revenus.
Avec SpeedCurve Synthétique Tout comme la surveillance complète des performances, vous pouvez exécuter un test de vitesse de page sur n'importe quel autre site Web, comme vous le feriez vous-même. Cela signifie que vous obtenez toutes les mêmes données, captures d’écran et diapositives riches et de qualité à des fins de comparaison.
TonAnalyse comparative concurrentielle Le tableau de bord vous permet également d'explorer et de vous concentrer sur des éléments tels que la création de pages. Cette page s'affiche deux fois plus vite que la vôtre... qu'ont-ils fait différemment ? Ont-ils plus de JavaScript ? moins? Avez-vous fait 400 demandes et ils n’en ont fait que 80 ? Voici l'endroit pour le découvrir.
Tests de vitesse de page est un tableau de bord public qui vous montre un aperçu des performances actuelles des principaux détaillants aux États-Unis, dans l'UE, au Royaume-Uni et au Japon.
Pour offrir une expérience en ligne formidable et rapide, commencez par vous poser deux questions :
Qu’est-ce qui fait que ma page apparaît lente aux utilisateurs ?
Que puis-je faire?
La bonne nouvelle est que la plupart des problèmes qui ralentissent votre page d'acheteur se produisent sur votre page, ce qui signifie que vous pouvez les contrôler. Voici un aperçu des problèmes de performances les plus courants sur les sites Web de vente au détail, ainsi que la manière de les suivre et de les résoudre.
Qu’est-ce qui ralentit votre page Web ? La grande majorité des problèmes de performances sont causés par quatre raisons :
Tiers tels que trackers et analyseurs
feuille de style
Police personnalisée
Taille de la page, en particulier la taille de l'image
Aujourd'hui, une page Web de vente au détail typique peut contenir jusqu'à 75 scripts tiers, tels que des trackers et des balises d'analyse.
Les tiers ajoutent beaucoup de valeur en augmentant les conversions (via des balises de localisation) et en vous aidant à comprendre vos utilisateurs comme jamais auparavant (via des balises analytiques), afin qu'ils ne disparaissent pas de si tôt. Mais ils peuvent affecter de manière significative le rendu de votre page (ou même son rendu !).
Commencez par adopter une approche proactive pour comprendre tout dommage potentiel aux performances que des tiers pourraient causer.
Vous ne pouvez pas réparer ce qui n'est pas mesuré.C'est ce que nous créons dans SpeedCurveTableaux de bord tiers dédiésraisons afin que vous puissiez voir en un coup d'œil les performances des tiers, suivre les scripts individuels etÉtablissez un budget de performances.
Après avoir compris les performances de vos scripts tiers, vous pouvez utiliser les données historiques pour développer un SLA avec le fournisseur.
étude de cas: M&S révolutionne les performances en se concentrant sur le contenu tiers
Bien que la taille de la page ne soit pas toujours liée à une expérience utilisateur plus lente, c'est souvent le cas. Les grandes images non optimisées en sont souvent la cause.
En plus d'optimiser vos images (pour vous assurer de ne pas fournir 1 Mo de ressources à vos utilisateurs !), vous devez également vous assurer que vos images les plus importantes (telles que l'image principale de votre produit) sont rendues le plus tôt possible.
Les budgets de performances et les alertes constituent un excellent moyen de gérer la dégradation des performances. . La budgétisation des performances commence avec votre équipe (tout le monde : spécialistes du marketing, concepteurs et développeurs) qui se met d'accord sur les principes d'expérience utilisateur et de vitesse du site. Tout d’abord, vous devez décider quelles mesures vous souhaitez suivre, puis définir des seuils en fonction des performances passées.
Pour les images, voici quelques mesures à prendre en compte :
Tirage de contenu maximum – Il s'agit de la taille du plus grand élément visuel (image ou vidéo) dans la fenêtre. LCP vient de GoogleMétriques du réseau centralD'une part, il s'agit d'un ensemble de mesures pour l'algorithme de classement des recherches de Google, c'est donc une bonne idée de le suivre.
Taille de l'image – La taille totale de toutes les images de la page. C'est un excellent moyen de voir en un coup d'œil si des images volumineuses et non optimisées ont été ajoutées à votre page.
Demandes d'images – Le nombre total d'images sur la page.
étude de cas: Comment Zillow est devenu plus grand, plus rapide et plus attrayant avec un budget restreint
Les feuilles de style sont une aubaine pour le Web moderne. Ils résolvent un large éventail de problèmes de conception, depuis la compatibilité du navigateur jusqu'à la maintenance et les mises à jour de la conception. Sans feuilles de style, nous n’aurions pas de grandes choses comme le responsive design.
Cependant, des feuilles de style mal exécutées peuvent entraîner de nombreux problèmes de performances. Ces problèmes incluent le CSS qui prend trop de temps à télécharger et à analyser, et les feuilles de style mal placées qui empêchent le rendu du reste de la page.
Encore une fois, vous ne pouvez pas réparer ce que vous ne mesurez pas. Votre outil de surveillance complet peut vous dire :
Combien de feuilles de style y a-t-il dans ma page et combien d'entre elles empêchent le rendu de la page ?
Ce chiffre a-t-il augmenté ou diminué ?
Quelle est la taille des requêtes CSS ?
Comment la feuille de style se comportera-t-elle pour chacun de mes tiers ?
Les polices personnalisées offrent aux concepteurs un contrôle sans précédent sur les polices utilisées dans leurs créations. Ce désir de contrôle est la raison pour laquelle les polices personnalisées ont gagné en popularité. Mais derrière cette popularité se cache un prix de performance.
Certaines polices nécessitent beaucoup de code CSS, tandis que d'autres nécessitent beaucoup de JavaScript ou d'hébergement externe, ce qui peut ralentir considérablement le rendu des pages.
En plus de suivre la taille de la police et le nombre de requêtes, vous pouvez également utiliser SpeedCurve pour mesurer le moment où le premier élément H1 a terminé le rendu. (Chez SpeedCurve, nous appelons cet indicateur Hero H1. Ce sont les troisTemps de rendu du héros un. ) Si votre site Web utilise des polices personnalisées, ces polices seront très probablement appliquées à la copie H1, ce qui fait de cette métrique un moyen efficace de mesurer la rapidité de rendu des polices personnalisées.
Comme toutes les autres mesures que nous suivons pour vous, vous pouvezCréez des budgets de performances et recevez des alertes lorsqu'ils dépassent les seuils.
étude de cas: NerdWallet utilise les métriques H1 Render pour aider à augmenter la vitesse de chargement des polices de 30 %
Il se consacre à la recherche technologique depuis plus de 30 ans et maîtrise divers langages tels que java, linux, javascript, php, css, etc. Il a apporté de nombreuses contributions dans le domaine de l'open source. station de documentation pour les développeurs pour partager certains problèmes de développement technologique pour référence future.
