Comment améliorer votre score Google PageSpeed ​​Insights

Google a un algorithme complexe qui prend en compte de nombreux facteurs avant d'indexer et de classer une page Web. L'un de ces facteurs de classement est la vitesse de la page.

Les pages optimisées qui se chargent plus rapidement obtiennent de meilleurs résultats dans les résultats de recherche Google.

C'est pourquoi les webmasters passent beaucoup de temps à être obsédés par la vitesse des pages... et pourquoi ne le font-ils pas ?

La vitesse de votre page est cruciale pour offrir une meilleure expérience utilisateur et améliorer le classement des SERP.

Même si vous avez un excellent contenu, les gens l'ignoreront si vous ne pouvez pas accélérer le chargement de votre page. Il ne sert à rien d'écrire un article gagnant si le chargement de votre site Web prend du temps. La façon dont votre public interagit avec votre site Web dépend de la vitesse de votre page.

Les sites Web lents ont généralement un taux de rebond plus élevé, ce qui affecte directement leur classement, sans parler de leur activité. La vitesse des pages est essentielle si vous souhaitez améliorer votre taux de conversion et optimiser votre site Web pour les moteurs de recherche.

À l'ère d'Internet, la durée d'attention humaine est passée de 12 à 8 secondes. Les utilisateurs n'aiment pas attendre trop longtemps pour trouver des réponses à leurs requêtes de recherche.

Google donne toujours la priorité à l'expérience utilisateur par rapport à toute autre chose. Donc, si vous n'êtes pas en mesure de fournir une meilleure expérience utilisateur, vous ne verrez probablement aucun trafic organique venir vers vous.

Pour aider les webmasters à analyser et à améliorer les performances de leur site, Google a introduit l'outil Google PageSpeed ​​Insights.

Google PageSpeed ​​Insight vous aidera à analyser votre page Web et vous fournira des suggestions en conséquence pour accélérer le chargement de votre page Web.

Il affiche des rapports sur les performances de votre site Web sur les ordinateurs de bureau et les appareils mobiles et sur les modifications que vous pouvez apporter pour offrir une meilleure expérience utilisateur.

Nous parlerons plus de cet outil mais d'abord, comprenons ce qu'est la vitesse de la page.

Qu'est-ce que la vitesse de la page

La vitesse de la page fait référence au temps nécessaire au chargement du contenu d'une page Web. De nombreux facteurs déterminent la vitesse de la page d'un site Web, notamment l'architecture de votre site Web, les scripts principaux, la vitesse du serveur, le temps de réponse du serveur, la taille globale de votre page et le nombre d'images dans votre page Web.

Mais ce ne sont là que quelques éléments en corrélation avec la vitesse de la page. Si vous utilisez un outil d'analyse de la vitesse des pages, vous verrez tous les autres composants qui influencent la vitesse des pages de votre site Web.

Beaucoup de gens confondent souvent le terme "vitesse de page" avec "vitesse de site".

La vitesse du site est mesurée à partir d'un échantillon aléatoire des visites de pages de votre site. Alors qu'il existe plusieurs mesures pour mesurer la vitesse de la page.

Nous avons répertorié ici les métriques les plus courantes pour mesurer la vitesse des pages.

• Temps de chargement de la page : il s'agit du temps nécessaire pour afficher et charger entièrement 100 % du contenu de votre page Web. Il est utilisé pour déterminer la vitesse à laquelle une page se charge entièrement sur les appareils mobiles et de bureau.
• Délai avant le premier octet (TTFB) : il s'agit du temps qu'il faut après la soumission d'une demande, pour que le serveur transmette le premier octet de données au navigateur et que le navigateur affiche ces données.
• First Contentful Paint (FCP) : il s'agit du temps nécessaire à un navigateur pour restituer le premier élément de contenu DOM après qu'un utilisateur a accédé à votre page.

L'optimisation de la vitesse de votre page peut être un peu délicate car plusieurs mesures affectent le temps de chargement de votre page Web.

Pour vous aider à évaluer et à améliorer la vitesse de votre page, vous pouvez utiliser Google PageSpeed ​​Insight car il intègre directement les données de CrUX (Chrome User Experience Report).

Pourquoi l'amélioration de la vitesse de la page est importante

Google a déclaré à plusieurs reprises que la vitesse des pages est un signal de classement important parmi d'autres. Son algorithme utilise les données de vitesse de page de Google Lighthouse et du rapport d'expérience utilisateur Chrome (CrUX) pour classer les pages Web.

Accélérer votre site Web est essentiel car cela vous aidera à augmenter votre trafic de recherche organique et à améliorer votre classement. Mais surtout, cela améliorera l'expérience utilisateur de votre site Web. Si vous travaillez sur le référencement de votre site, la vitesse de la page est quelque chose qui ne peut être négligé.

Travailler sur la vitesse de votre page et améliorer votre temps de chargement peut être vraiment bénéfique car cela vous permettra de :

• Améliorez le classement de votre site web
• Augmentez la visibilité de votre contenu
• Générez du trafic organique vers votre site
• Diminuer le taux de rebond
• Augmentez votre taux de conversion
• Offrir une meilleure expérience utilisateur
• Générez plus de revenus
• Amener du trafic de qualité sur votre site

Si vous avez un site Web qui prend du temps à se charger, non seulement vous perdrez des revenus, mais vous perdrez également de la crédibilité.

Exécuter un site Web lent, c'est comme la malédiction de Sisyphe. Une page Web plus lente est comme une grosse pierre que vous devrez porter au sommet de la colline.

Il ne sert à rien de gravir à plusieurs reprises la «colline du contenu» avec un poids supplémentaire dans le dos.

Google PageSpeed Insights

Si vous êtes familier avec le SEO, vous avez probablement entendu parler de Google PageSpeed ​​Insight. Il s'agit d'un outil gratuit de Google qui permet aux propriétaires de sites Web de tester les performances de leur site Web.

Vous pouvez saisir n'importe quelle URL pour voir à quelle vitesse ce site Web se charge. Google attribue ensuite à l'URL que vous avez testée une note sur 100 basée sur plusieurs indicateurs de performance de page et des mesures de vitesse de page.

Google PageSpeed ​​Insight vous montrera les domaines où votre site Web pourrait avoir besoin d'améliorations et d'optimisation.

Il vous aidera également avec des recommandations et des mesures que vous pouvez prendre pour améliorer les performances de votre site.

Google PageSpeed ​​Insight utilise les données de Lighthouse , une technologie automatisée permettant d'améliorer la qualité globale des pages Web.

Vous pouvez évaluer les performances, l'accessibilité, les applications Web progressives et d'autres caractéristiques à l'aide de Google Lighthouse.

Perfectionner le score Google PageSpeed

Alors que les créateurs de contenu sont occupés à perfectionner leur score Google PageSpeed ​​Insights, ils négligent souvent la partie la plus importante… l'optimisation des pages.

Votre intention principale d'utiliser le rapport Google PageSpeed ​​Insights doit être de suivre les recommandations et non d'être obsédé par les chiffres.

Ne vous laissez pas emporter par le jeu des nombres. Concentrez-vous plutôt sur l'amélioration des performances globales de votre site et sur l'offre d'une meilleure expérience utilisateur. Ces mesures ne reflètent parfois pas les performances de votre site Web en temps réel.

Cela dit, vous devez absolument chercher à améliorer autant que possible le temps de chargement de votre site. Vous n'avez pas à vous efforcer d'atteindre le score de vitesse de page de 100/100.

Lorsque vous travaillez sur les recommandations, vous verrez éventuellement des changements dans le score.

Il existe plusieurs plates-formes pour vérifier la vitesse des pages de votre site Web.

GTmetrics est un autre excellent outil qui vous permet d'analyser la vitesse de votre page à partir de divers endroits. Il combine les résultats de Google PageSpeed ​​Insights et Yslow pour vous donner un rapport plus large. Il existe également d'autres outils de vérification de la vitesse des pages, tels que Pingdom, qui affichent tous les domaines dans lesquels votre page Web doit être améliorée.

Chacun de ces outils utilise des métriques différentes et vous pouvez voir des résultats différents sur ces plates-formes. Cela montre à quel point ces chiffres peuvent être incohérents.

Les visiteurs de votre site Web ne se soucient pas de votre score Google PageSpeed ​​Insights ni de la façon dont vous optimisez votre site. Ils veulent une page Web plus rapide et un bon contenu.

Ainsi, au lieu de regarder ces chiffres, vous devez utiliser les recommandations pour améliorer la vitesse de votre page et offrir une meilleure expérience utilisateur.

Le but de l'utilisation de Google PageSpeed ​​Insights n'est pas d'obtenir un score élevé. Au lieu de cela, il s'agit d'identifier les problèmes et les domaines que votre site Web peut améliorer.

Vous pouvez déterminer où vous avez besoin d'améliorations et les éléments que vous devez optimiser pour réduire les temps de chargement réels et perçus.

Comment améliorer le score de Google PageSpeed ​​Insights

Outre l'expérience utilisateur et le contenu de votre site Web, les performances de votre site sont également très importantes pour Google.

Comme Google a créé un outil distinct pour les propriétaires de sites Web afin d'analyser la vitesse des pages de leur site Web et d'identifier tous les éléments qui ralentissent leur site Web, il est évident que Google souhaite que votre site Web soit rapide. Il est donc compréhensible que votre score PageSpeed ​​Insights puisse affecter votre classement SERP.

Mais cela ne signifie pas que votre site Web doit avoir le score parfait pour se classer en tête des résultats de recherche. Google ne se contente pas de prendre en considération le score à l'intérieur de ce cercle. Il y a plus à cela qu'un simple nombre arbitraire.

Après la mise à jour de l'algorithme Core Web Vitals en mai 2021, Google a annoncé que le signal d'expérience de page serait inclus dans le classement de recherche Google. Cela fait plus d'une décennie que Google a annoncé publiquement que la vitesse des pages est un facteur de classement important.

Mais désormais, Google examinera également la manière dont les utilisateurs interagissent avec une page Web. Cela signifie qu'ils prendront en compte votre Time To First Byte (TTFB), First Contentful Paint (FCP), le temps passé sur une page, le taux de rebond et certaines autres mesures lors du classement d'une page Web.

Bien que les chiffres puissent vous donner un aperçu des performances de votre site Web, il arrive parfois qu'ils ne reflètent pas l'ensemble de l'image.

Ainsi, au lieu de vous concentrer sur le perfectionnement de votre score Google PageSpeed ​​Insight, vous devriez plutôt viser à améliorer votre référencement global et la façon dont vous pouvez accélérer vos pages Web.

Ici, nous partagerons quelques recommandations qui vous aideront à identifier les éléments qui bourrent vos pages Web et ce que vous pouvez faire pour réduire le temps de chargement de vos pages Web.

1. Évitez les redirections de pages multiples

Les redirections se produisent lorsque vous pointez votre page vers une autre URL ou supprimez une page Web qui est déjà indexée. Il existe également plusieurs redirections de pages qui peuvent se produire lorsque vous utilisez un thème mal optimisé et qui ne répond pas à différents appareils.

Les redirections de page de destination post-clic peuvent être très frustrantes pour les utilisateurs et peuvent ralentir votre page.

Nous utilisons un thème réactif pour lequel nos utilisateurs mobiles n'ont pas à passer par plusieurs redirections de page de destination post-clic.

Voyons comment les redirections de page de destination post-clic peuvent affecter la vitesse de votre page :

• example.com - Ce site Web utilise une conception Web réactive, donc aucune redirection n'est nécessaire, c'est donc l'option la meilleure et la plus rapide.
• example.com → m.example.com/home – Cette page passe par plusieurs redirections pour les utilisateurs mobiles. Ainsi, il a un temps de chargement relativement plus lent.
• example.com → www.example.com → m.example.com – expérience mobile très lente.

Parfois, les redirections peuvent être utiles et il n'y a rien de mal à cela, mais elles peuvent entraîner un retard important dans votre temps de chargement.

Essayez d'éviter de nombreuses redirections et utilisez un thème réactif qui ajuste en douceur sa mise en page en fonction de la taille et de la résolution de l'écran.

2. Optimisez l'image pour augmenter la vitesse de la page

L'optimisation des images est un élément essentiel du référencement sur la page. Il ne suffit pas d'utiliser le bon nom de fichier image et une balise alt pour vos photos ; ils doivent également être compressés. Les images peuvent avoir un impact significatif sur les performances de la page, ralentissant votre site Web.

Google a averti les webmasters de la façon dont la taille de l'image peut affecter la vitesse de la page. Les images peuvent alourdir un peu votre page Web, ce qui rallonge un peu le temps de chargement. Cependant, avoir une image optimisée réduit la taille du site Web, ce qui lui permet de se charger plus rapidement.

Vous aurez besoin de photos de haute qualité dans le format, la dimension, la taille et la résolution appropriés tout en réduisant la taille du fichier au minimum.

La taille de votre page Web peut avoir un impact direct sur le temps de chargement et le score Google PageSpeed ​​Insights et éventuellement affecter votre classement SERP.

Étant donné que les images et autres éléments graphiques représentent 50 à 80 % de la taille globale de la page, la compression de vos images en utilisant le bon format peut vous aider à réduire considérablement le temps de chargement, offrant ainsi une meilleure expérience utilisateur.

3. Activer la compression Gzip

Les navigateurs de nos jours sont capables de rendre une version optimisée et compressée d'une page Web. Au lieu de charger toute la page Web, vous pouvez utiliser la compression GZIP pour réduire votre page jusqu'à 90 % et proposer une version optimisée de votre page.

La compression GZIP est désormais utilisée par presque tous les serveurs et navigateurs Web pour compresser et décompresser les pages Web lors de leurs allers-retours sur Internet.

Cette méthode de compression de fichiers est la plus couramment utilisée sur du texte et des codes, et elle peut réduire les fichiers JavaScript, CSS et HTML jusqu'à 90 %. Au lieu de fournir la page entière à l'utilisateur, le navigateur peut demander une version compressée qui se charge en une fraction du temps.

4. Minifier CSS, HTML, JavaScript

Parfois, en raison d'un mauvais codage et d'une mauvaise optimisation, notre site Web s'enlise avec des lignes de code inutiles sur le backend. Comme les navigateurs doivent traiter toutes ces lignes de codes, ces codes inutiles ralentissent votre page.

Les codes de "minification" font référence à la suppression des données inutiles ou redondantes sans affecter le front-end de votre site Web et la façon dont la page est traitée par le navigateur. Parfois, vous n'avez pas besoin de cette ligne de code supplémentaire pour faire fonctionner correctement votre site Web. En supprimant ces caractères, espaces et doublons inutiles, votre page se charge plus rapidement.

Google préfère que les webmasters gardent leurs codes optimisés et minimisent le code sur le backend de leur site Web. Vous pouvez utiliser le framework AMP de Google pour réduire vos fichiers backend et obtenir une version allégée de HTML, CSS et JavaScript. Cela aidera votre page Web à se charger en une fraction de seconde.

Il existe des moyens simples de minifier vos codes CSS, HTML et JavaScript sans avoir aucune compétence en codage.

Si vous êtes un développeur WordPress, vous pouvez utiliser un plugin de mise en cache comme wp-rocket qui vous permet de minifier vos codes.

5. Activez la mise en cache du navigateur pour votre site

Avant qu'une page ne se charge complètement pour un utilisateur, plusieurs requêtes peuvent être nécessaires entre le serveur et le navigateur. Ce n'est peut-être pas le moyen le plus efficace de diffuser du contenu à votre utilisateur, car cela peut prendre un certain temps.

C'est là que la mise en cache du navigateur entre en jeu. La mise en cache du navigateur permet aux navigateurs Web de fournir rapidement une version statique de votre site Web aux utilisateurs au lieu de diffuser dynamiquement le contenu de votre page Web chaque fois que quelqu'un clique dessus. Ce que fait la mise en cache, c'est de laisser le navigateur "se souvenir" de certains éléments qui ont été récemment chargés - en-tête, navigation, logo, etc.

Plus un navigateur peut mettre en cache d'éléments, moins il doit charger d'éléments lorsqu'un utilisateur demande quoi que ce soit, et plus une page apparaîtra rapidement.

Par rapport à un site Web sans mise en cache, la diffusion d'une version statique de votre page Web prend relativement peu de temps. Cela peut améliorer considérablement votre score PageSpeed ​​Insights.