Google PageSpeed ​​Insights : comment atteindre le meilleur score et obtenir plus de résultats ?

Quoi de mieux : faire quelque chose rapidement ou bien le faire ?

Cette question soulèverait une discussion intéressante dans n'importe quel cycle de conversation. Pourtant, le but de cet article est de montrer qu'il s'agit de la même chose dans de nombreux cas, en particulier en ce qui concerne l'expérience utilisateur dans les sites Web, les blogs et les applications.

La vitesse de chargement de la page fait toute la différence. Ce n'est pas un hasard si Google accorde autant d'importance à ce facteur lorsqu'il s'agit de classer les pages dans les résultats de recherche.

Même si votre site a le design idéal pour votre personnalité et que vous avez examiné le contenu plus d'un millier de fois pour vous assurer qu'il est suffisamment clair et simple, votre stratégie en souffrira si vous n'avez pas de pages légères et rapides.

Heureusement, Google a créé un outil appelé Google PageSpeed ​​Insights, qui vous aide à évaluer (et à améliorer) la vitesse de chargement d'un site .

Apprenons-en plus sur le fonctionnement de cette fonctionnalité et pourquoi vous devez commencer à l'utiliser dès aujourd'hui pour améliorer la vitesse de votre site Web.

Dans cet article, vous apprendrez :

Qu'est-ce que Google PageSpeed ​​Insights ?

PageSpeed ​​Insights, également connu sous le nom de PSI, est un outil en ligne de Google qui évalue la vitesse de chargement d'une page Web.

L'évaluation sépare le score de performance sur les appareils mobiles des performances sur les ordinateurs de bureau et propose également des suggestions pratiques pour optimiser la vitesse des pages.

Cela fait de PSI une solution intuitive et simple à utiliser, sans oublier qu'elle est gratuite. Mais certaines personnes ne pensent pas que ce soit si pertinent.

Toutes les données recueillies pour offrir ces informations sont collectées via le rapport sur l'expérience utilisateur de Chrome, qui contient des informations sur l'utilisation réelle du Web public par les utilisateurs de Chrome.

Comprendre ce qui motive Google à créer une fonctionnalité comme celle-ci peut vous aider à penser différemment.

Qu'est-ce qui motive un service comme Google PageSpeed ​​Insights ?

Deux petits mots que vous êtes peut-être déjà fatigué d'entendre - expérience utilisateur - résument le travail de Google pour défendre et encourager la création de pages plus rapides et plus légères.

Personne n'aime attendre trop longtemps pour trouver les informations qu'il souhaite dans son navigateur. Pensez à votre propre expérience : combien de fois avez-vous été impatient en attendant qu'une page se charge sur votre téléphone ou même votre ordinateur ?

Si vous vous arrêtez pour y penser, vous vous rendrez compte que la plupart du temps, cela s'est produit, le grand « retard » n'a été que de quelques secondes. Ainsi, si 1 seconde semble être une semaine pour l'utilisateur, les sites lents affectent négativement l'expérience de navigation .

Google n'en veut pas, et vous non plus. Après tout, les mauvaises expériences se traduisent par moins d'argent sur la table.

En fait, les derniers benchmarks de l'industrie de Google pour la vitesse des pages mobiles montrent que la majorité des sites Web sont bien au-delà de la perfection. Et cela se produit dans toutes les industries.

C'est une bonne raison pour que Google fournisse ces métriques au public, afin que tout le monde puisse voir qu'il y a beaucoup de place pour l'amélioration.

Que deviennent les pages trop longues à charger ?

Cela fait-il une telle différence d'avoir un site qui met 1 seconde de plus à charger que la moyenne ? Absolument!

Vous voulez voir la preuve ? Une étude de Kissmetrics sur le sujet a révélé qu'un délai d'une seconde entraîne 7% de conversions en moins sur un site.

À titre d'exemple, si un e-commerce vend 100 000 dollars par jour, seulement 1 seconde de plus pour charger les pages pourrait coûter jusqu'à 2,5 millions de ventes manquées par an !

Cela semble absurde ? Découvrez les différentes manières dont le temps de chargement de la page affecterait votre opération et vos résultats de vente.

Taux d'abandon plus élevé

La même enquête Kissmetrics, mentionnée ci-dessus, a montré que le comportement des acheteurs en ligne est assez modifié en fonction de la vitesse du magasin dans lequel ils se trouvent.

L'étude a montré que pas moins de 40% des clients quittent un site qui met plus de 3s à se charger. Tu sais ce que ça veut dire?

Que si vous avez un commerce électronique qui prend 3,5 secondes à charger, vous pouvez perdre près de la moitié du potentiel de trafic et perdre beaucoup de ventes.

Moins de conversions

Un client satisfait achète deux, trois ou dix fois. Le fait est que si vos clients n'aiment pas l'expérience d'achat, il est peu probable qu'ils reviennent. Et comment le temps de chargement des pages y contribue-t-il ?

Un délai de 1 seconde (ou 3s d'attente) réduit la satisfaction client de 16% !

En complément de cette idée, c'est un grand avertissement de savoir que 79% des clients qui se disent insatisfaits des performances perçues du site ne feront plus d'achats sur celui-ci.

Diminution du trafic organique

Le trafic est à l'origine de la relation commerciale. Sans elle, il n'y a pas d'achat. Et le trafic organique est encore plus précieux car il vient naturellement et coûte moins cher à acquérir que d'investir dans des publicités.

Et si vous pensiez que, au moins dans ce domaine, la vitesse du site Web ne serait pas un problème, vous vous trompiez. Kissmetrics a également montré que 44% des acheteurs parlent à leurs amis d'une expérience en ligne négative .

De la même manière que le « bouche à oreille » peut être d'une grande aide pour obtenir du trafic organique qualifié, l'inverse est également vrai : vous pouvez perdre des visites en créant une mauvaise réputation aux yeux du persona.

Dans une étude récente de Backlinko, ils ont découvert que la vitesse de la page peut avoir un impact significatif sur les classements SERP. Regardez cette vidéo ci-dessous où ils montrent les résultats de la recherche.

Savez-vous ce que toutes les données présentées ici montrent clairement ?

Qu'une fraction de temps apparemment insignifiante a en réalité une grande influence sur la façon dont votre entreprise sera perçue et les résultats financiers qu'elle obtiendra.

En d'autres termes, lorsqu'il s'agit de faire des affaires en ligne, le temps, c'est de l'argent , d'une manière vraiment stupéfiante.

Comment fonctionne le score Google PageSpeed ​​Insights ?

Le score que votre site reçoit lorsque vous tapez l'URL dans PSI n'est pas aléatoire, et il ne pourrait pas l'être. Vous devez bien comprendre le processus d'analyse pour le rendre précis et fiable.

Quels critères Google utilise-t-il pour déterminer l'évaluation que chaque page Web doit recevoir ?

Fondamentalement, PageSpeed ​​Insights fait deux choses :

• analyse le temps de chargement de votre page et le nombre de ressources dont elle dispose (plugins, scripts de code qui communiquent plus souvent avec le serveur et rendent la page plus longue à charger, etc.) ;
• compare ces données avec la moyenne de toutes les pages analysées.

Après cette comparaison, PSI fait un rapport simple mais objectif qui montre :

• quel est le temps de chargement moyen des pages Web ;
• quel est le temps de chargement de vos pages ;
• leur score de vitesse de la page finale ;
• suggestions de façons d'optimiser votre temps de chargement.

Et comment fonctionne la notation ? Il va de 0 à 100 et il est défini lorsque l'algorithme compare la page aux meilleures pratiques (créées par Google lui-même) pour optimiser le score de performance.

Enfin, la note est attribuée en fonction de la marge d'amélioration et d'optimisation , c'est-à-dire du nombre de points recommandés qu'il vous reste à appliquer.

À côté de la partition numérotée, il y a un classement textuel, qui ressemble à ceci :

• bon : score à partir de 80 ;
• moyenne : score compris entre 60 et 79 ;
• mauvais : score de 0 à 59.

Si vous avez des questions spécifiques sur la façon d'utiliser et d'analyser ces chiffres, Google fournit un canal sur Stack Overflow pour que les utilisateurs répondent à leurs doutes.

Comment utiliser le rapport Google PageSpeed ​​Insights ?

Il est très facile d'utiliser le rapport PSI. Comme nous l'avons expliqué, accédez simplement au lien PageSpeed ​​Insights et saisissez votre URL pour voir le résultat.

Mais alors quoi ? Vous devez agir rapidement pour corriger les erreurs et obtenir de meilleurs résultats. Juste en dessous des suggestions, il y a des liens avec les mots "montrer comment réparer" .

Une fois que vous avez cliqué dessus, vous verrez quels fichiers ralentissent la page et comment les gérer pour réduire le temps nécessaire au serveur pour répondre.

Recevoir le diagnostic est simple et rapide mais ne le faites que lorsque vous êtes prêt à procéder au « traitement » et à optimiser votre site une fois pour toutes.

Pourquoi est-il important d'obtenir un bon score sur PageSpeed ​​Insights ?

Tout d'abord, une bonne note sur PageSpeed ​​Insights signifie qu'un site a une configuration SEO satisfaisante.

En effet, tout comme Mobile Friendly et Mobile First, la vitesse de chargement sur les smartphones est l'un des critères les plus commentés par Google lui-même ces dernières années.

Mais les avantages vont plus loin ! Un site avec des pages agiles contribue de manière significative à l'expérience utilisateur, ce qui se traduit par des taux de rebond inférieurs, un temps de visite plus long sur la page , un trafic accru et une croissance du nombre de prospects .

Cependant, dans les e-commerces, les effets sont encore plus critiques, car les taux de vente et de conversion, ainsi que le nombre d'abandons de panier, sont directement affectés par cette métrique.

En 2012, une enquête QuBit montrait déjà que le commerce de détail en ligne perdait environ 1,73 milliard de livres (près de 2,27 milliards de dollars) par an en ventes mondiales pour cette seule raison. Maintenant, sachez que plus de 57% des recherches sur Internet proviennent d'appareils mobiles !

Une autre étude qui mérite d'être consultée est l'enquête menée par le site Web de Walmart pour évaluer l'impact du temps de chargement sur les conversions. Les résultats parlent d'eux-mêmes.

Tout cela change notre compréhension du parcours du consommateur. Si auparavant l'accès à Internet et les achats dans les magasins en ligne étaient limités aux résidences, aux institutions et aux maisons de campagne, aujourd'hui, cela se produit tout le temps et à plusieurs endroits.

En outre, la familiarité des utilisateurs avec les plateformes numériques, les ventes en ligne et les transactions a également contribué à rendre les consommateurs plus sensibles à la qualité et à la sécurité des sites Web auxquels ils accèdent .

En ce sens, les sites lents et surtout les pages de caisse et de paiement avec des échecs de chargement n'ont jamais suscité autant de méfiance.

Comment obtenir le meilleur score sur PageSpeed ​​Insights : 10 facteurs clés

Vous avez certainement les yeux rivés sur le score de 100 - le score le plus élevé et celui qui garantit un regard favorable du plus grand moteur de recherche au monde vers votre page.

C'est très bien, mais pour obtenir la note tant rêvée, il est essentiel que vous suiviez les recommandations du rapport à la lettre et que vous optimisiez votre site rapidement .

Comme chaque site a une situation différente, nous parlerons de 4 facteurs que la plupart des sites Web avec de bonnes (mais pas de bonnes) notes doivent améliorer et comment vous pouvez le faire.

1. Moins de code HTML

L'optimisation du code HTML peut passer inaperçue, surtout si votre site existe depuis un certain temps ou a été construit sans suivre les meilleures pratiques de Google.

Le fait est que la façon dont le code est organisé détermine comment les serveurs liront les informations et combien de temps elles apparaîtront à l'écran.

Le code dupliqué ou les balises utilisées à dessein gênent . Heureusement, il n'est pas nécessaire de revoir toute la structure du code pour apporter les modifications nécessaires.

Il existe des outils de compression HTML qui peuvent effectuer ce travail automatiquement et rapidement. Certains d'entre eux fonctionnent même comme des plugins CMS.

2. Bonne utilisation du cache

Dans l'analyse PSI, l'un des principaux éléments examinés est le nombre de ressources que le navigateur a besoin d'assimiler à partir de votre page.

Cela inclut les images, les scripts, les polices, etc. Tout cela peut être «stocké dans la mémoire» du navigateur via le cache.

Ainsi, le navigateur ne chargera les éléments qu'une seule fois. Chaque fois que l'utilisateur change de page, le navigateur ne fait que "se souvenir" d'elles et extraire les informations nécessaires du cache.

Mais vous devez optimiser votre site pour faire bon usage de cette possibilité.

Des plugins tels que W3 Total Cache, l'un des plus populaires au monde, le font avec brio et offrent d'autres fonctionnalités pour optimiser votre code.

3. Compression des ressources

Les images sont l'un des éléments les plus importants du chargement des pages, ce qui fait de la compression l'une des recommandations les plus récurrentes de PageSpeed ​​Insights.

Beaucoup de gens oublient de compresser les images , qui pèsent beaucoup et ralentissent les sites Web.

Internet devenant de plus en plus visuel, il est courant d'avoir de nombreux fichiers de ce type. Alors, rien de mieux que d'utiliser un bon compresseur pour réduire la taille de ces fichiers.

Il en va de même pour CSS et Javascript. Avec le HTML, ils constituent la page entière. Il est donc plus qu'évident que la compression de ces fichiers améliorera considérablement leurs performances perçues, ainsi que leur note globale PSI.

Vous pouvez utiliser des outils gratuits tels que TinyPNG pour compresser les images avant de les publier sur votre blog.

4. AMP : pages mobiles accélérées

AMP (Accelerated Mobile Pages) est une autre initiative de Google lui-même pour garantir que les pages du site se chargent plus rapidement sur les appareils mobiles.

L'idée est d'offrir une expérience mobile plus basique , sans des choses qui fonctionneraient mieux dans les versions de bureau. En supprimant ces fonctionnalités inutiles, la vitesse du site Web augmente.

Cela montre clairement qu'il est préférable pour l'utilisateur d'avoir une expérience rapide et simple qu'une version complète du site, dans laquelle il serait obligé d'attendre plus longtemps pour voir le contenu.

5. Taille réduite des pages

Bien entendu, plus une page contient de ressources, plus elle sera lourde et plus son chargement sera long.

En général, ce sont les images et les vidéos qui contribuent le plus au poids des pages . Cependant, la taille totale des fichiers JavaScript et CSS doit également être prise en compte. Regardons tout cela en partie.

6. Vidéos téléchargées en externe

Si les images alourdissent vos pages, imaginez ce qu'une vidéo ne fait pas avec, n'est-ce pas ?

Sauf dans des cas très particuliers — comme des plateformes très restreintes ou des contenus qui nécessitent un degré de sécurité plus élevé —, la recommandation est que vos vidéos soient toujours hébergées en externe , comme nous l'avons expliqué dans le sous-thème précédent.

Les médias les plus utilisés pour cela sont YouTube et Vimeo, des plateformes qui permettent non seulement une intégration facile de leurs lecteurs dans d'autres sites mais aussi vous aident à promouvoir votre marque et à améliorer les résultats de recherche.

Si vous fournissez un contenu restreint, tel que des cours en ligne payants, les deux médias offrent des options de non-liste, une fonctionnalité qui masque votre vidéo des recherches et n'autorise l'accès qu'à partir d'un seul lien que vous pouvez attacher - comme HTML - dans vos pages.

7. Fichiers JavaScript et CSS réduits au minimum

C'est un problème moins apparent, et c'est probablement pourquoi il est si négligé : la même enquête SEMrush a révélé que 68% des sites ont des fichiers JavaScript et CSS non-minifiés .

Minimiser, comme le terme lui-même le précise, signifie réduire ou simplifier ces codes, ce qui peut être fait en supprimant les lignes inutiles, les commentaires inutiles et les blancs.

Ces fichiers sont à l'origine de toute la visualisation de votre site et sont parfois rédigés avec des excès pour faciliter les futures éditions. En outre, ils peuvent être modifiés par divers plugins.

Mais ne vous inquiétez pas, vous n'avez besoin de maîtriser aucun de ces langages pour effectuer cette procédure. Il existe plusieurs outils qui le font pour vous :

• Vitesse rapide Minification ;
• WP Super Minifier ;
• Compresseur YUI en ligne.

Cependant, n'oubliez pas de faire une sauvegarde avant d'utiliser l'une de ces solutions.

Il y aura toujours la possibilité que le thème de votre site ou un fichier soit affecté par la procédure. Par conséquent, soyez prudent et assurez-vous de faire des tests.

8. Fichiers compressés

Gzip est un format de compression de fichiers Web qui agit comme un véritable joker pour ceux qui se battent pour un bon score de vitesse de page.

En compressant les fichiers CSS, JavaScript et HTML dans votre base de données, la taille de vos pages peut être réduite de moitié, voire plus.

Et comme tous les navigateurs actuels sont compatibles avec cette fonctionnalité, rien ne change pour ceux qui accèdent au site.

Certains serveurs le font déjà automatiquement - vous pouvez vérifier que votre site dispose de ce type de service en testant votre URL sur le site Varvy SEO Tool. Mais si ce n'est pas votre cas, vous pouvez tirer parti de la mise en cache du navigateur avec des plugins tels que WP Fastest Cache, qui offre cette option.

9. Nettoyer les redirections

Souvent, ce n'est pas exactement le chargement de la page qui compromet la vitesse du site Web, mais une séquence de redirections qui oblige les navigateurs à charger plusieurs pages en un minimum de temps.

Ce problème est assez courant dans les très grands sites qui ont déjà effectué de nombreuses migrations d'adresses — changements de protocole (HTTPS, par exemple), pages en double (certaines avec www, d'autres pas), changements de catégorie, structure d'URL, etc.

Ces redirections s'accumulent et allongent de plus en plus le chemin du lien vers vos pages.

Par conséquent, essayez de maintenir votre plan de site à jour , afin que les utilisateurs puissent accéder directement aux adresses actuelles de votre site, et n'implémentez que les redirections absolument nécessaires , telles que les pages contenant des liens externes importants.

Quant aux autres, supprimez-les au plus vite !

10. Amélioration des performances du serveur

Il s'agit d'un problème plus notable dans les blogs, les chaînes d'information et les sites de commerce électronique qui reçoivent beaucoup de trafic.

Avec l'évolution de votre projet sur Internet, des changements sont nécessaires pour maintenir le rythme de croissance. L'un d'eux est votre plan d'hébergement.

Dans les situations mentionnées, par exemple, il est recommandé d'investir dans un serveur dédié capable de supporter un grand nombre de visiteurs simultanés, ainsi que de réduire les lenteurs et les pannes du système.

Les magasins virtuels qui ne sont pas préparés pour les périodes de forte demande - comme le Black Friday ou Noël - sont généralement surpris par ces problèmes de base.

Cependant, d'autres facteurs peuvent compromettre les performances du serveur, tels que des logiciels obsolètes, des requêtes de base de données lentes, des limitations de mémoire et même des pannes de gestion de l'alimentation locale ou de refroidissement de l'ordinateur.

Veillez donc à activer le support de votre hébergeur au cas où la lenteur de votre site persisterait et optez toujours pour des sociétés renommées et bien référencées lors de la location de ce type de service.

PageSpeed ​​devrait-il être ma seule référence ?

Vous avez peut-être déjà rencontré des pages mentionnant des nombres minimums pour votre évaluation sur PageSpeed ​​Insights.

Certains disent que l'idéal est d'avoir un score supérieur à 95, d'autres disent même qu'il est indispensable d'atteindre 100, au moins sur le bureau. Ne vous laissez pas emporter par ces généralisations !

De nombreuses variables sont impliquées, et il n'est pas toujours intéressant de renoncer à certaines fonctionnalités - telles que la surveillance, le suivi et les pixels de conversion - pour quelques millisecondes de moins lors du chargement. Chaque cas est unique.

Google stipule que tout score à partir de 90 est considéré comme idéal , entre 50 et 89 signifie que le site a besoin d'ajustements de base, et seuls ceux inférieurs à 50 indiquent le besoin de réparations critiques.

De plus, bien que la vitesse des pages ait l'autorité du géant de la recherche, son outil présente des limites importantes : l'analyse est effectuée via un serveur dont la localisation est inconnue, et les tests mobiles prennent comme paramètre une connexion 3G .

Alors, prenez les résultats de vitesse de page comme référence, mais ne laissez pas ses rapports devenir une obsession.

Une astuce intéressante consiste à tester le site dans d'autres outils et à comparer les données de chacun d'eux. Découvrez quelques options ci-dessous!

GTmetrix

Son principe est le même que tout autre outil de ce type mais avec GTmetrix vous pouvez également comparer le score de performance perçu de votre site avec les moyennes du marché dans un environnement totalement gratuit.

Pingdom

Pingdom est idéal pour ceux qui ont besoin de rapports plus complets et sont prêts à payer pour cela.

Ses analyses croisent les données de différentes parties du monde et sa plateforme envoie même des alertes lorsqu'un problème est détecté.

Analyseur de scène de roche

Pour une analyse plus fine, notre solution est Stage Analyzer, un évaluateur de performances complet conçu pour vous aider à identifier les erreurs et les opportunités de croissance sur votre site.

Stage Analyzer effectue une analyse complète de votre site à la recherche d'erreurs de configuration et d'URL, d'une mise à l'échelle incorrecte de l'image, ainsi que d'échecs et de lacunes en matière de référencement, entre autres facteurs pouvant compromettre l'expérience utilisateur sur vos pages.

En seulement deux minutes, vous recevez une liste pratique de recommandations pour vous aider, étape par étape, à apporter les améliorations dont votre site a besoin. En fait, les sites WordPress sont les plus susceptibles d'avoir de meilleurs scores de performance.

Tout cela avec la qualité et l'expertise que seule la principale société de marketing de contenu en Amérique latine peut offrir.

Comme vous avez pu le voir, il est important d'obtenir une bonne note sur PageSpeed ​​Insights de Google, mais ce n'est qu'un des nombreux paramètres que nous utilisons pour optimiser et surveiller le score de performance d'un site.

Cet article se termine ici, mais vous pouvez – et devriez – commencer à apporter des améliorations à votre blog ou à votre boutique en ligne dès maintenant.

Analysez les performances de votre site avec Stage Analyzer de Rock Content et obtenez un rapport SEO complet pour guider votre stratégie !