Pourquoi la vitesse de la page est-elle critique? Comment tester et améliorer le vôtre
La plupart des sites perdent environ la moitié de leurs visiteurs en raison de la lenteur de la page. En fait, la page Web de bureau moyenne le taux de rebond est de 42%, le taux de rebond moyen des pages Web mobiles est de 58% et le taux de rebond moyen des pages de destination post-clic varie de 60 à 90%. Des chiffres qui ne sont en aucun cas flatteurs, d'autant plus que l'utilisation du mobile continue de croître et qu'il devient de plus en plus difficile d'attirer et de retenir l'attention des consommateurs.
Selon Google, le temps de chargement moyen des pages pour le meilleures pages de destinationest toujours un lent 12.8 secondes. Cela inclut les endroits où l'accès Internet mobile est répandu et les vitesses 4G sont parmi les plus élevées au monde.
Cette vitesse de page moyenne est beaucoup trop longue, étant donné que 53% des utilisateurs abandonnent des pages après seulement 3 secondes - et cela ne fait qu'empirer à partir de là:
Qu'est-ce qu'une bonne vitesse de chargement de page, alors? Presque instantané.
Heureusement, il existe une solution. Avant d'en arriver là, découvrons plus sur l'importance de la vitesse des pages.
Pourquoi la vitesse de la page est importante
eMarketer montre qu'en 2019 les dépenses mondiales de publicité numérique dépasseront 316 $ milliard et ne cherche à augmenter que dans un avenir prévisible:
De toute évidence, les marques dépensent d'énormes sommes en publicité et s'attendent à tirer le meilleur parti de leur budget. Mais lorsque les internautes cliquent sur une annonce et que page de destination post-clic ne parvient pas à se charger instantanément - ils cliquent probablement en arrière en quelques secondes et, par conséquent, le budget des annonceurs est gaspillé.
Les implications financières de la vitesse de la page sont énormes et vous devez absolument faire de la vitesse de la page une priorité à l'avenir. Voici quelques indicateurs et points à considérer lorsque vous évaluez vos propres campagnes de publicité numérique:
Scores de qualité
Non seulement les chargements de pages lents frustrent les utilisateurs, mais ils en souffrent également. Le niveau de qualité étant directement lié à votre classement de l'annonce, et finalement ce que vous pourriez payer pour chaque clic, une page à chargement lent réduit naturellement les scores.
Taux de conversion
Si moins de personnes attendent le chargement de votre page, moins de personnes ont la possibilité de convertir. Ils abandonnent votre page avant même d'avoir vu votre offre, vos avantages, votre appel à l'action, etc.
Dans le commerce de détail, par exemple, même un délai d'une seconde dans les temps de chargement mobiles peuvent avoir un impact sur les taux de conversion jusqu'à 20%.
Expérience mobile
À mi-parcours de 2016, utilisation du Web mobile trafic de bureau transmis en volume:
Avec les dépenses des consommateurs plus de temps sur mobile, les spécialistes du marketing et les annonceurs ont été (et sont toujours) contraints de s'adapter. Une façon de livrer campagnes optimisées pour les mobiles est de créer des pages à chargement rapide.
Ce qui nous amène à la solution de vitesse de page n ° 1 qui répond à chacun de ces problèmes.
Les pages de destination AMP augmentent la vitesse de la page
AMP, le framework open-source introduit en 2016, permet aux annonceurs de créer des pages Web mobiles ultra-rapides et à chargement fluide qui donnent la priorité à l'expérience utilisateur par-dessus tout.
Les pages AMP sont attrayantes pour les annonceurs car elles offrent des temps de chargement quasi instantanés, tout en prenant en charge une certaine personnalisation du style et de la marque. Ils permettent un rendu plus rapide de la page de destination post-clic, car ils limitent HTML / CSS et JavaScript. De plus, contrairement aux pages mobiles traditionnelles, les pages AMP sont automatiquement mises en cache par Google AMP Cache pour des temps de chargement plus rapides sur la recherche Google.
En tant que leader de l'optimisation post-clic, Instapage offre la possibilité de créer des pages de destination post-clic à l'aide du framework AMP:
Avec la Générateur Instapage AMP, les spécialistes du marketing et les annonceurs peuvent:
- Créez des pages de destination AMP post-clic directement depuis la plateforme Instapage, sans développeur
- Validez, testez A / B et publiez des pages AMP sur WordPress ou un domaine personnalisé
- Offrez de meilleures expériences mobiles, augmentez les niveaux de qualité et générez plus de conversions
La société révolutionnaire d'aides auditives Eargo a vu des résultats incroyables depuis la mise en œuvre de l'AMP dans son expérience post-clic:
Pages de destination AMP avec Instapage
En plus de créer des pages AMP avec Instapage, il existe plusieurs autres façons d'améliorer la vitesse des pages. Voici trois d'entre eux pour vous aider à démarrer.
3 Autres moyens d'améliorer la vitesse de la page
1. Tirez parti des outils de vitesse de page
PageSpeed Insights est le test de vitesse de Google qui note votre page de 0 à 100 points:
La notation est basée sur deux paramètres:
- Temps de chargement au-dessus du pli (le temps total pour une page d'afficher le contenu au-dessus du pli après qu'un utilisateur demande une nouvelle page)
- Temps de chargement d'une page complète (le temps qu'il faut à un navigateur pour rendre complètement une page après qu'un utilisateur l'ait demandé)
Plus votre score est élevé, plus votre page est optimisée. En règle générale, tout ce qui dépasse 85 indique que votre page fonctionne bien. Inférieur à 85 et vous devriez regarder les suggestions fournies par Google pour augmenter votre score.
PageSpeed Insights fournit des rapports pour les versions bureau et mobile de votre page, et propose également des recommandations d'amélioration.
Think with Google: tester mon site, lancé par l'équipe PageSpeed Insights, teste uniquement la vitesse des pages mobiles, par opposition à la fois aux mobiles et aux ordinateurs de bureau. C'est un autre indicateur de la vitesse de chargement (ou lent) de vos pages:
Cet outil affiche votre temps de chargement, fournit des recommandations personnalisées pour accélérer chaque page de votre site, puis offre la possibilité de générer un rapport complet.
2. Images entièrement optimisées (compression)
L'optimisation des images avec compression, redimensionnement, reformatage, etc. peut aider à économiser des octets, à accélérer le temps de chargement des pages et à améliorer les performances du site mobile. Parmi autres principales recommandations, Google recommande de supprimer les images haute résolution et les GIF inutiles et de remplacer les images par du texte ou du CSS lorsque cela est possible.
De plus, il est maintenant plus facile que jamais de servir des images compressées et redimensionnées car ces paramètres peuvent être automatisés. Par exemple, vous pourriez avoir des centaines d'images redimensionnées et compressées automatiquement avec un script, ce qui réduit le travail manuel (lors de la création de pages AMP, les balises d'image personnalisées rendent la plupart de ces mêmes optimisations automatiques).
Le choix d'un format d'image optimal peut être difficile avec autant d'options disponibles. Tout dépend du cas d'utilisation, mais voici quelques-uns des plus courants:
- WebP : Images photographiques et translucides
- JPEG: Photos sans transparence
- PNG: Arrière-plans transparents
- SVG : Icônes et formes évolutives
Google recommande de commencer par WebP car il permet une compression 30% supérieure à JPEG, sans aucune perte de qualité d'image.
3. Donner la priorité au contenu au-dessus du pli
Améliorer la perception de la vitesse du site par vos utilisateurs est presque aussi important que l'amélioration de la vitesse du site lui-même. C'est pourquoi une fois vos images optimisées, vous devez vous assurer qu'elles sont livrées au bon moment.
Considérez ceci: sur un appareil mobile, la partie visible du site est limitée à une petite zone, au dessus du pli. En conséquence, vous avez la possibilité de charger rapidement le contenu dans cette zone, tandis que les autres éléments situés sous le pli se téléchargent en arrière-plan.
Remarque: ce qui rend AMP unique, c'est qu'il a intégré le chargement des ressources par priorité, garantissant que seules les ressources les plus importantes sont téléchargées en premier.
Il peut être difficile de réduire le nombre d'images sur un site - en particulier pour les marques de détail, par exemple, avec de nombreux produits - mais il est toujours essentiel de minimiser au moins l'impact des images sur le temps de chargement avec ces trois tactiques.
Augmentez la vitesse de votre page avec AMP
Si vos pages mobiles souffrent de taux de rebond élevés et de taux de conversion faibles en raison de la lenteur du chargement des pages, les pages AMP pourraient vous sauver la vie.
Commencez à créer des pages AMP post-clic pour offrir à vos visiteurs des expériences de navigation mobile rapides, optimisées et pertinentes, et améliorer vos niveaux de qualité et vos conversions.