Témoignages Google Lighthouse : amélioration des performances grâce à l'optimisation technique

Avec Google Lighthouse, vous pouvez évaluer rapidement et facilement les performances techniques de n'importe quelle URL. Des tests détaillés mesurent les temps de chargement, l'accessibilité et la sécurité Web et, en même temps, révèlent le potentiel d'amélioration de l'infrastructure technique d'un site Web. Dans cet article de blog, j'aimerais partager quelques exemples d'entreprises qui ont utilisé Google Lighthouse avec succès pour améliorer leurs performances en ligne. Découvrez comment le marché asiatique Carousell a utilisé Lighthouse pour générer 63 % de trafic organique en plus, comment les scores de performance de TripAdvisor et d'Expedia Lighthouse sont corrélés avec les classements Google, et plus encore.

Si vous cherchez un aperçu de ce qu'est Google Lighthouse et de sa pertinence pour les classements des moteurs de recherche, vous pouvez commencer par lire notre livre blanc Searchmetrics, "Google Lighthouse Ranking Factors 2019". Le document analyse l'état actuel de l'optimisation des sites Web les mieux classés sur Google.com, sur la base des données de plus de 15 millions d'audits Google Lighthouse. Téléchargez le livre blanc ici :

Facteurs de classement Google Lighthouse 2019

Success Story 1 : Comment eBay en Asie a augmenté sa performance phare de 17 à 84 points

Notre première étude de cas Lighthouse provient de la réponse de l'Asie à eBay, le marché carousell.com. La plate-forme singapourienne s'appuie principalement sur le trafic mobile et, dans l'optique de s'étendre à d'autres pays asiatiques comme l'Indonésie et les Philippines, ils cherchaient un moyen d'augmenter le temps de chargement mobile de leur Progressive Web App : "Avoir une page Web prend plus plus de 15 secondes pour charger en 3G (comme le nôtre) est inacceptable si nous voulions acquérir et fidéliser nos nouveaux utilisateurs », explique Stacey Tay, Web Tech Lead chez Carousell, dans un article de blog sur Medium où il décrit comment Carousell a abordé l'optimisation des performances techniques. de leur site.

Pour commencer, explique Stacey, les résultats de leurs premiers audits Lighthouse ont été un signal d'alarme : le score de performance n'était que de 17 points, et les résultats dans les catégories Application Web progressive et Accessibilité étaient très médiocres. Seuls les scores dans deux catégories, SEO et Meilleures pratiques – qui se concentrent sur les aspects de sécurité d'un site Web comme HTTPS ou les bibliothèques JavaScript sécurisées – étaient satisfaisants.

Sur la base de ces résultats, l'optimisation visait principalement à améliorer les résultats dans les catégories Lighthouse Performance et Progressive Web App. La comparaison avant/après des scores Lighthouse de carousell.com montre les progrès réalisés dans ces domaines :

Les mesures d'optimisation technique ont été réalisées en 2018 – fin octobre, Stacey Tay a documenté le succès sur Medium. Si nous examinons la visibilité SEO de carousell.com dans son pays d'origine, Singapour, nous pouvons constater une nette amélioration des performances :

Avant de mettre en œuvre les tâches nécessaires à l'optimisation, un objectif de mission clair a été établi :

"Nous voulions offrir aux nouveaux utilisateurs une expérience agréable dès le départ, car la performance est l'expérience utilisateur. Pour ce faire, nous avons conçu une nouvelle expérience Web axée sur les performances. » Stacey Tay, responsable technique Web chez Carousell

Cette mission a jeté les bases de l'optimisation technique du site Web. Surtout, cela n'a pas été traité comme un projet parallèle, il a été hautement prioritaire et a reçu un budget de performance dédié. Avec cette mission en place, écrit Stacey, il était plus facile de motiver l'équipe, de convaincre la direction de l'importance du projet et de justifier l'investissement en démontrant le succès du projet.

Après avoir accepté le budget, des objectifs ont été établis, sur la base des scores des audits Google Lighthouse :

Comme mentionné précédemment, le score de performance avant l'optimisation n'était que de 17 points. Après avoir optimisé la page d'accueil de carousell.com, ils ont obtenu un score de 84 points. Les aspects de l'infrastructure du site qui ont été abordés comprenaient la mise en place d'un système de mise en cache plus efficace avec la mise en cache de la boîte de travail et les travailleurs de service, la compression des images et l'application de l'inlining CSS. Ensemble, ces mesures ont contribué à la création d'une application Web progressive rapide et conviviale - et voici comment la page se charge maintenant :

Les preuves tangibles du succès de l'optimisation des performances de Carousell se trouvent dans les chiffres. En plus de réduire le temps de chargement de 65 %, l'amélioration la plus notable concerne l'augmentation du trafic. Depuis l'optimisation, le trafic organique de Carousell a augmenté de 63 % :

Lire les facteurs de classement Google Lighthouse 2019

Success Story 2 : Comment Staples et Walmart ont utilisé des temps de chargement plus rapides pour augmenter les conversions

Lorsqu'on parle d'optimisation des temps de chargement, certaines statistiques de Google sont fréquemment utilisées comme points de référence. Par exemple, à mesure que le temps de chargement augmente, la probabilité qu'un utilisateur mobile revienne aux résultats de recherche augmente également. Si le temps de chargement passe d'une à trois secondes, la probabilité de taux de rebond augmente de 32 % ; si les temps de chargement vont de une à cinq secondes, la probabilité de rebond augmente de 90 %.

L'outil d'analyse de vitesse de page GTmetrix a étudié les avantages concrets de la réduction des temps de chargement, en examinant un large éventail de sites Web de vente au détail. Les exemples incluent des détaillants lourds comme Staples et Walmart, et démontrent la corrélation claire entre des temps de chargement plus rapides et des taux de conversion accrus.

Lire les facteurs de classement Google Lighthouse 2019

Success Story 3 : Comment Douglas a réduit de moitié les temps de chargement

Passons maintenant au géant allemand des parfums, Douglas, qui a utilisé Google Lighthouse pour améliorer considérablement les performances de son site Web. Leur histoire à succès remonte au Black Friday 2017, lorsque l'énorme pic de trafic a rendu la page indisponible pour certains utilisateurs. Les scores de Google Lighthouse Performance à l'époque montraient également une marge d'amélioration claire. Michael Singer, consultant indépendant en référencement technique basé à Munich, qui a travaillé sur le projet pour douglas.de et, à partir de mai 2018, a coordonné les opérations entre l'informatique et le référencement, explique : « Avant l'optimisation, le temps d'interactivité sur la 3G était supérieur à 20 secondes. – maintenant nous l'avons réduit à environ 8 secondes.

Pour obtenir ce résultat impressionnant dans l'audit Google Lighthouse, des modifications importantes ont été apportées sous le capot du site Web du détaillant de parfums. « Nous avons examiné plus de 200 tickets techniques », explique Michael, et se souvient des nombreux changements qui ont été apportés : le sous-domaine mobile a été désactivé ; les utilisateurs mobiles atterrissent désormais sur le domaine principal www réactif de Douglas. De plus, douglas.de a été converti pour utiliser JS React, qui réduit le nombre de nœuds et de requêtes, compresse le HTML et réduit la taille des images. La latence de la base de données a également été réduite et plusieurs optimisations de cache ont été mises en œuvre.

« Notre travail se concentre sur l'utilisateur, qui doit pouvoir utiliser le site Web le plus rapidement possible. L'objectif de notre optimisation de la vitesse des pages était d'arriver à un premier temps interactif de 4 secondes. Ceci, combiné au passage à JS React et au passage à une seule version de site Web réactif, a entraîné une croissance significative de notre visibilité SEO, un trafic plus élevé et une augmentation du chiffre d'affaires. Michael Singer, consultant indépendant en référencement technique

Ces optimisations, utilisant les scores Google Lighthouse Performance, ont entraîné une amélioration notable des temps de chargement des pages. « Pour vérifier les métriques, nous effectuons des tests de vitesse en temps réel avec Instana qui nous montrent les effets à long terme. En avril 2018, les valeurs du bureau étaient toujours supérieures à 8 secondes. En octobre 2018, nous atteignions souvent la barre des 4 secondes. Enfin, la disponibilité technique du site Web a également été améliorée, de sorte que les pics de trafic comme celui rencontré lors du Black Friday peuvent désormais être mieux gérés.

Cette optimisation des performances a entraîné un revirement immédiat de la visibilité SEO de douglas.de. Entre mai 2018 et mai 2019, le domaine a connu une augmentation de 25% de visibilité organique.

Bien entendu, la visibilité SEO de Searchmetrics n'est qu'un indicateur initial des performances d'un site Web sur Google. Michael Singer fournit des informations supplémentaires sur d'autres KPI qui ont été impactés par l'optimisation de douglas.de. « Les visites ont considérablement augmenté, et le chiffre d'affaires a également connu une forte croissance », déclare Michael. Le taux de conversion a également augmenté dans une proportion similaire, notamment parce que le SEO est le canal qui rapporte le plus de chiffre d'affaires à douglas.de.

Les résultats de l'optimisation de Douglas en un coup d'œil :

• Temps de chargement des pages -50%
• Visibilité SEO +25%
• Forte augmentation des visites, des conversions et du chiffre d'affaires.

Lire les facteurs de classement Google Lighthouse 2019

Success Story 4 : comment les performances des URL influencent les classements Google pour TripAdvisor et Expedia

Pour étudier la relation entre les scores de Lighthouse Performance et les véritables classements Google, j'ai décidé de mener une analyse au sein de l'industrie du voyage. J'ai rassemblé 3 500 mots-clés liés aux voyages autour des thèmes des hôtels, des vols et des caravanes, et j'ai analysé les pages de classement sur Google.com, ainsi que les positions de classement de TripAdvisor et Expedia pour ces mots-clés. Le résultat : TripAdvisor et Expedia se classent très bien lorsque leurs performances Google Lighthouse sont également élevées :

Pourquoi y a-t-il un lien aussi clair ici ? L'industrie du voyage en ligne est très compétitive, avec de nombreux grands acteurs qui s'affrontent. En plus de TripAdvisor et Expedia, vous avez Booking.com, Hotels.com, FlightRadar, etc., qui jouissent tous d'un haut niveau de confiance et sont des marques bien établies et populaires. En même temps, il est difficile de différencier les différentes marques. Dans de nombreux cas, le contenu, par exemple une description d'hôtel, sera très similaire - cela rend difficile pour un site Web de se démarquer avec un USP majeur. Et si plusieurs signaux de classement sont en grande partie les mêmes - marque de taille similaire, interface similaire, fonctionnalités similaires, contenu similaire - alors la performance du site Web est susceptible d'être le facteur décisif lors de la détermination des classements.

“ Un temps de chargement rapide est extrêmement important pour une bonne expérience utilisateur. Chaque interruption lors de l'interaction avec un site Web crée une petite frustration, et la frustration de l'utilisateur augmente au fur et à mesure que les interruptions se produisent. Si le temps de chargement n'augmente que de quelques secondes, de nombreux sites Web affichent une augmentation du taux de rebond, ce qui entraîne finalement une baisse du taux de conversion. » Nils Kattau, spécialiste de la conversion

Pour savoir dans quelle mesure les résultats de Google Lighthouse sont pertinents pour votre marché, vous pouvez travailler avec des facteurs de classement Searchmetrics personnalisés. Nous analysons les données Google Lighthouse pour votre marché pertinent, les combinons avec nos propres données de classement Searchmetrics et fournissons des recommandations concrètes et exploitables pour l'optimisation technique de votre site Web. Demandez votre rapport personnel dès aujourd'hui :

Demander un audit phare Searchmetrics personnalisé