La vitesse de chargement du site Web est un sujet sensible pour le commerce électronique. Et si avec les versions de bureau, tout est plus ou moins normal, alors avec le mobile, le problème.
Nous avons analysé les plus grandes boutiques en ligne de Russie à l'aide du service Google PageSpeed Insights pour 39 variables - par domaine d'activité et par appareil. Combien de magasins entrent dans la zone verte, combien de temps le rendu du contenu et le chargement de la page entière prennent, ce qui fonctionne pour accélérer les sites sont les plus populaires - et lisez-le à ce sujet dans la revue.
Pourquoi tout cela et à qui cela est-il utile?
Lorsque nous avons analysé la convivialité mobile des TOP-20 magasins en ligne en Russie, nous avons constaté qu'un seul magasin sur 20 réussit le test du service Google PageSpeed Insights . La plupart ne tombent même pas dans la zone "orange".
La vitesse de téléchargement est importante pour deux raisons:
- les sites lents perdent des clients - plus le site se charge, plus le désir de revenir à la recherche est élevé;
- Les sites rapides sont plus susceptibles de prendre des positions plus élevées dans le secteur biologique (rappelez-vous la transition vers l' indexation Mobile-First ).
Nous avons décidé de nous plonger dans le sujet de la vitesse de chargement du site et de regarder la situation réelle dans le commerce électronique. Nous avons sélectionné 48 boutiques en ligne de la notation DataInsight - 8 dans chacune des différentes zones:
- produits automobiles;
- beauté et santé;
- vêtements, chaussures et accessoires;
- articles ménagers;
- électronique et technologie;
- grands magasins.
Chaque magasin a été analysé à l'aide de PageSpeed Insights et compilé un tableau récapitulatif .
Ensuite, nous expliquerons ce que signifient les mesures en PSI et les analyserons dans différents segments du commerce électronique. Les informations seront utiles non seulement aux développeurs et optimiseurs, mais également aux propriétaires de boutiques en ligne pour comprendre les tendances actuelles.
Ce qu'il est important de savoir sur PageSpeed Insights (PSI)
PSI fournit des informations sur la vitesse de chargement des pages sur les appareils mobiles et les PC, ainsi que des conseils pour accélérer leur chargement.
Le rapport PSI est divisé en blocs:
- score pour la vitesse de chargement des pages (indice de performance);
- données d'observation - les données sur la vitesse de chargement des pages par les utilisateurs au cours des 30 derniers jours sont présentées (extraites du rapport sur l'utilisabilité du navigateur Chrome);
- simulation du chargement - données sur la vitesse de chargement des pages (la technologie Lighthouse est utilisée pour les obtenir);
- résultats d'audit - une liste de tâches qui nécessitent une attention particulière pour améliorer la vitesse de chargement des pages.
Nous analyserons plus en détail et analyserons chaque groupe d'indicateurs.
Évaluation des performances
PageSpeed Insights donne au site un score basé sur une analyse de sa vitesse de chargement à l'aide de l'outil Lighthouse (séparément pour les versions de bureau et mobile). Les données sont mises à jour quotidiennement et couvrent les 30 derniers jours.
Les notes sont:
- 90-100 points - la zone "verte". Vous pouvez ouvrir le champagne.
- 50-89 points - la zone "orange". Il y a des défauts, mais vous pouvez vivre.
- 0-49 points - la zone "rouge". Tout va mal.
Dans un monde idéal, le site devrait être dans la zone verte. Mais la réalité est dure:
Sur les 48 boutiques en ligne (note du TOP-100), une seule (!) Vit dans la zone verte lorsqu'elle est vue depuis un mobile. La situation est similaire avec les ordinateurs de bureau - seuls 2 sites ont obtenu 90 points ou plus. Cela ne représente que 2% et 4% du nombre total de sites analysés.
Près de 90% des sites, lorsqu'ils sont consultés à partir de mobiles, réussissent le test de vitesse de téléchargement avec un résultat insatisfaisant. Vue depuis les ordinateurs de bureau - environ 52%.
Si vous regardez la vitesse de téléchargement moyenne par industrie, les magasins en ligne de produits automobiles, ainsi que de vêtements, chaussures et accessoires, se chargent plus rapidement. Les magasins d'électronique et les grands magasins sont à la traîne.
Données d'observation: FCP et FID
Premier rendu de contenu (FCP)
First Contentful Paint (FCP) est le temps qui s'écoule entre le moment où vous accédez au site et le moment où le navigateur affiche le premier contenu du DOM. Du point de vue des utilisateurs, le premier rendu signale que le site se charge réellement.
PageSpeed Insights prend les valeurs FCP du rapport d'utilisation du navigateur Chrome . Le 90e centile FCP s'affiche.
Gradation des valeurs FCP:
- 0-1 seconde - vitesse élevée du premier rendu du contenu;
- 1-2,5 secondes - vitesse moyenne;
- plus de 2,5 secondes - faible vitesse.
Valeurs FCP réelles:
Contrairement à la notation de la vitesse de chargement du site, selon l'indicateur FCP, il n'y a pas d'écart prononcé entre les versions de bureau et mobile dans la masse totale.
Les valeurs moyennes de FCP par industrie:
En plus de la valeur FCP moyenne au cours des 30 derniers jours, le PSI affiche également le pourcentage de distribution de chargement de page en fonction de la valeur FCP (vitesse de téléchargement «élevée», «moyenne» et «faible»).
Un exemple:
Dans cet exemple, pour 18% des chargements de page, le premier rendu du contenu n'a pas duré plus d'une seconde, pour 62% - de 1 à 2,5 secondes, pour 20% - plus de 2,5 secondes. La valeur moyenne est de 3,3 secondes.
Nous avons fait la moyenne du pourcentage de distribution des téléchargements pour chacun des 48 sites analysés et avons reçu les chiffres suivants:
Il n'y a pas de différences significatives entre la distribution des vitesses de chargement des pages sur mobile et sur les ordinateurs de bureau - à moins que le pourcentage de téléchargements à haute vitesse sur les ordinateurs de bureau soit légèrement plus élevé.
Premier délai d'entrée (FID)
Le premier délai d'entrée (First Input Delay, FID) est le temps entre le début de l'interaction de l'utilisateur avec le site (en cliquant sur un lien, un bouton, en utilisant un élément JavaScript) jusqu'à ce que le navigateur réponde à cette interaction.
Plus le délai d'entrée est faible, moins l'utilisateur devra attendre la réaction du navigateur. Mais, par exemple, en raison de scripts massifs, le navigateur peut les traiter pendant longtemps, c'est pourquoi il y a un retard d'entrée élevé.
Le PSI indique le 95e centile par FID - la valeur moyenne pour les 30 derniers jours.
Gradation des valeurs FID:
- 0-50 ms - haute vitesse;
- 50-250 ms - vitesse moyenne;
- plus de 250 ms - faible vitesse.
Contrairement au FCP, les valeurs FID diffèrent selon l'appareil à partir duquel ils ont visité le site. Lors de la visualisation à partir d'un mobile, le premier délai d'entrée est considérablement plus élevé que lors de la visualisation à partir d'un PC. Sur 8 sites, les utilisateurs doivent attendre plus de 1,5 seconde pour un jeu, et sur trois sites - plus de 3 secondes (ce qui est 60 fois plus élevé que la normale).
Par industrie:
Dans le domaine de la vente de vêtements, chaussures et accessoires, les sites réagissent le plus rapidement aux actions des utilisateurs - à la fois sur mobile et sur ordinateur. Sites dans les domaines de la beauté et de la santé, de l'électronique et de la technologie, les grands magasins répondent plus longtemps.
Comme avec FCP, le service PSI affiche la distribution en pourcentage du retard d'entrée FID. Un exemple:
Le pourcentage de téléchargements à vitesse moyenne et faible dans le mobile est plus de 2 fois plus élevé que le même indicateur lorsqu'il est affiché à partir de postes de travail. La part des téléchargements à haut débit est de 55% contre 83% respectivement.
Simuler le chargement des pages
Ce bloc du rapport PSI affiche les résultats de la simulation du chargement des pages à l'aide de la technologie Lighthouse. Six indicateurs sont présentés ici. C'est sur leur base qu'une estimation ponctuelle de la vitesse de chargement des pages est formée. De plus, les indicateurs ont des poids différents . Par importance, ils sont répartis comme suit:
5 (le plus important) - temps de chargement pour l'interaction (TTI);
4 - indice de vitesse de téléchargement (Speed Index);
3 - temps de chargement du premier contenu (FCP);
2 - heure de fin du processeur (premier processeur inactif);
1 - temps de chargement d'une partie suffisante du contenu (FMP);
0 (non pris en compte) - retard potentiel maximum (FID).
Passons en revue chaque indicateur.
Temps de téléchargement du premier contenu (FCP)
Nous avons analysé cet indicateur ci-dessus. La différence est que dans le bloc de simulation de téléchargement, les données ont été obtenues à l'aide de Lighthouse et dans le bloc d'observation - à partir du rapport sur la convivialité du navigateur Chrome.
Le temps de chargement du premier contenu est beaucoup plus élevé sur mobile. Sur 9 sites sur 48 (19%), elle dépasse 6 secondes. Lors de la visualisation à partir de postes de travail, la vitesse FCP est beaucoup plus élevée - ici, seuls 5 sites (10%) ont le premier rendu d'une durée supérieure à 2 secondes.
Par industrie:
Temps de téléchargement de contenu suffisant (FMP)
La première peinture significative (FMP) est le temps écoulé entre le début du chargement de la page et le moment où l'utilisateur voit suffisamment de contenu pour commencer à travailler avec la page.
Les valeurs FMP sont intéressantes à comparer avec FCP. Dans 40% des cas, lorsqu'il est visualisé à partir de postes de travail, FMP coïncide avec FCP - les utilisateurs au premier rendu voient immédiatement une partie importante du contenu. Dans d'autres cas, les utilisateurs doivent également attendre que le contenu se charge (en moyenne - 0,3 seconde).
Lors de la navigation à partir d'un mobile, 46% des sites FCP coïncident avec FMP, mais l'écart entre ces indicateurs est plus élevé - en moyenne 1,4 seconde (ce qui est 4,7 fois plus élevé que lors de la navigation à partir de postes de travail).
Par industrie (mobile):
L'écart le plus important entre FMP et FCP est observé dans le domaine des ventes d'électronique et de technologie, le plus petit - dans les magasins en ligne de chaussures et d'accessoires vestimentaires. La logique - pourquoi donc - est difficile à trouver. On peut supposer que cela est dû aux caractéristiques de conception des sites dans différentes industries.
Par succursales (ordinateurs de bureau):
Lors de la visualisation à partir de postes de travail, la situation est similaire - mais les écarts entre FCP et FMP sont plus petits. En outre, la valeur FMP la plus faible est observée dans le domaine des produits automobiles, plutôt que des vêtements, chaussures et accessoires.
Télécharger l'indice de vitesse
L'indice de vitesse est le temps qu'il faut pour que les parties visibles de la page soient affichées. Cette métrique est développée et utilisée par webpagetest. org . Le service prend des captures d'écran successives du chargement des pages, analyse la dynamique du chargement du contenu et affiche l'indice de vitesse.
Examinons les valeurs de l'indice de vitesse pour les sites analysés.
Dans le mobile, 54% des sites ont un indice de vitesse de téléchargement supérieur à 10 secondes et 85% au-dessus de 5 secondes (rappelez-vous que l'indice de vitesse est le deuxième facteur le plus important dans la formation d'une estimation ponctuelle de la vitesse de chargement du site en PSI).
Sur les ordinateurs de bureau, la situation est bien meilleure - ici, seulement 23% des sites ont un indice de vitesse supérieur à 5 secondes.
Par industrie:
Les meilleures valeurs de l'indice de vitesse sont observées dans la vente de produits automobiles, ainsi que de vêtements, chaussures et accessoires. Les sites de magasins d'électronique mobile ont le temps de chargement le plus long - en moyenne plus de 14 secondes.
Heure de fin du processeur
Auparavant, cet indicateur était appelé l'heure de la première interaction (First Interactive). Mais dans Lighthouse 3.0, son nom a été changé pour First CPU Idle.
Le premier inactif du processeur indique la période de temps entre le début du chargement de la page et le moment où il devient minimalement interactif:
- la plupart, mais peut-être pas tous les éléments d'interface deviennent interactifs;
- la page répond en moyenne à la plupart des saisies manuelles dans un délai raisonnable.
Comparez les valeurs du premier CPU inactif avec le temps de chargement d'une partie suffisante du contenu (FMP). L'essentiel est de voir combien d'utilisateurs, après avoir accédé au contenu, doivent attendre l'occasion d'interagir avec les éléments de la page.
Dans le mobile, seulement 8% des sites correspondent aux valeurs de First CPU Idle et FMP. Dans d'autres cas, il y a un écart (en moyenne - 8,7 secondes). Autrement dit, si l'utilisateur souhaite cliquer sur quelque chose sur la page, l'élément ne sera pas disponible immédiatement.
Sur le bureau, 6% des sites ont les mêmes valeurs First CPU Idle et FMP. En moyenne, l'écart entre ces indicateurs est de 2,7 secondes (3,2 fois moins qu'en mobile).
Par industrie (mobile):
La plus petite valeur de First CPU Idle se situe dans le domaine des ventes de produits automobiles, la plus importante se situe dans le domaine des articles ménagers. L'écart maximal est dans les magasins en ligne de vêtements, chaussures et accessoires.
Par succursales (ordinateurs de bureau):
Temps de téléchargement des interactions (TTI)
Il s'agit de la mesure la plus importante lors de l'évaluation de la vitesse de chargement d'un site en PSI.
Le délai d'interaction (TTI) est le délai entre la transition de l'utilisateur vers la page et le moment où il est prêt pour l'interaction.
Résultats d'analyse:
Dans 46% des sites lors de la navigation à partir d'un mobile, le temps de chargement total est supérieur à 20 secondes, dans 94% à plus de 10 secondes. Lorsqu'ils sont visualisés à partir d'un PC, seulement 7% des sites se chargent plus de 10 secondes.
Par industrie:
Résultats de l'audit
En plus des mesures qui caractérisent la vitesse de chargement des pages, nous avons également analysé dans quels domaines les sites sont testés avec succès en PSI.
Le nombre moyen d'audits réussis sur mobile est de 11, ordinateur de bureau - 12.
Il est peu probable que des audits à 100% puissent être effectués, et cela n'a pas de sens, car certains d'entre eux sont uniquement à titre de référence.
Par exemple, l'audit d'utilisation tierce montre les ressources externes connectées au site (par exemple, Yandex.Metrica, Google Analytics, widgets de réseaux sociaux, etc.). Naturellement, personne ne supprimera de telles ressources du site pour le plaisir d'une coche verte dans le PSI.
En revanche, il y a des travaux qui peuvent être achevés en quelques minutes. Par exemple, configurer la mise en cache, la compression de texte, le chargement différé d'images, le raccourcissement du code CSS et JavaScript - tout cela se fait simplement. Mais en même temps, la vitesse de téléchargement peut bien augmenter.
Naturellement, non seulement la vitesse de téléchargement affecte la qualité de la communication avec le client. Essayez le module SEO dans le système Promopult. Il y a tous les outils pour améliorer la qualité du site et la promotion des moteurs de recherche. Une gamme complète de travaux - avec nous, vous ne manquerez pas une seule bagatelle. Listes de contrôle, conseils, rapports transparents et recommandations professionnelles. Et oui, nous avons également un audit de site, non moins exigeant que PSI.
Pour résumer: vaut-il la peine de se battre pour des vitesses élevées?
Lorsque vous regardez les résultats de l'analyse de la vitesse de téléchargement des meilleurs magasins en ligne, vous n'ajoutez pas beaucoup de désir d'accélérer votre propre site Web. Sur les 48 sites, un seul réussit le test PSI sur mobile et ordinateur de bureau, la tête haute. Avec le reste, tout n'est pas très, ou très mal. Et ce sont des «hauts» - avec une équipe et de l'argent. Et puis qu'en est-il des petits magasins régionaux? ..
Mais un tel train de pensées vous mènera au mauvais endroit.
Il est utile de regarder les «hauts», mais pas toujours de se concentrer sur eux. Les grands sites roulent à cause de nombreux autres facteurs que la vitesse de chargement. Ici et assortiment, et prêt, et la disponibilité des programmes de livraison et de fidélisation. N'oubliez pas la force de la marque. Si une personne recherche un magasin spécifique, elle est prête à survivre à une longue charge.
Les petits magasins vivent selon d'autres règles. En termes d'assortiment et de service, la concurrence avec les grands sites n'est pas facile. Mais en raison de la qualité - par exemple, un site rapide et pratique - vous pouvez conserver le client et en même temps améliorer votre position dans les résultats de recherche locaux.
Bien sûr, lors de l'accélération du site, vous devez comparer les coûts et l'effet attendu. Jusqu'à un certain point, vous pouvez accélérer votre site rapidement et gratuitement. Le même chargement paresseux, les paramètres de mise en cache et la compression GZIP sont implémentés à l'aide de plugins ou de codes simples.
Mais déjà l'optimisation de la structure, des scripts, de la vitesse de réponse du serveur peut nécessiter une refonte sérieuse du site Web. Et si votre site convertit bien le trafic dans l'état actuel, il vaut mieux investir pour attirer les utilisateurs - SEO, contexte, publicité sur les réseaux sociaux - que se battre pour quelques points en PSI.