Comment obtenir un score parfait de 100 % sur Google PageSpeed Insights ?
Lorsqu’il s’agit de créer un taux de conversion et un site Web optimisé pour les moteurs de recherche, la vitesse est cruciale.
Si vous n’avez pas un site Web rapide, les gens rebondiront plus vite que vous ne pouvez dire « conversions ».
Cependant, accélérer votre site Web n’est pas une tâche facile.
Votre problème peut être n’importe quoi, du code mal écrit aux images ou aux éléments de page volumineux.
Vous devez résoudre ces problèmes rapidement, car Google signalera votre site Web si vous ne le faites pas.
Plus votre site se charge rapidement, plus le taux de rebond est faible. Si votre site est rapide, vous avez de meilleures chances d’être classé sur Google par rapport aux sites lents qui génèrent des taux de rebond élevés.
Heureusement, Google propose l’ outil PageSpeed Insights pour savoir ce que vous devez corriger.
Malheureusement, ils ne vous donnent pas les meilleures instructions pour obtenir votre score à 100 %.
Voici comment obtenir un score parfait de 100 % sur PageSpeed Insights de Google et pourquoi vous devez accomplir cet exploit.
- Nitropack
Nitropack c’est le service par excellence pour avoir un site rapide tout ça en full automatique. Personellement je n’ai pas trouvé mieux
Nitropack va optimiser toutes les pages de votre automatique en appliquant les meilleurs paramètres possible. Ca donne ça en terme de vitesse.
Vitesse du site version bureau de loicgrosflandre.com après optimisation Nitropack en mode automatique.
Vitesse du site version mobile de loicgrosflandre.com après optimisation Nitropack en mode automatique.
Pas mal comme résultats non ? Personnellement j’ai passer des jours à essayer de tous optimiser moi même en étant loin de ses résultats pour au final détruire le design de mon site.
J’ai aussi d’essayer d’embaucher des experts sur Fiverr qui n’ont pas été meilleur que moi au final.
Il ont une version gratuite qui parfaite si l’on souhaite commencer et que l’on n’a pas forcément de budget au début de notre activité.
Pourquoi la vitesse des pages est importante ?
La vitesse de la page est un facteur essentiel pour classer votre site Web plus haut dans les résultats des moteurs de recherche de Google.
Si votre site Web n’est pas à égalité avec les 10 meilleures pages organiques, vous ne serez pas classé sur la première page.
Il est donc primordial de se concentrer sur la vitesse des pages pour avoir une entreprise prospère et un site Web qui convertit.
Backlinko a récemment mené une étude dans laquelle ils ont analysé plus de onze millions de pages de résultats de moteurs de recherche (SERP) sur Google.
Ils voulaient déterminer quels facteurs étaient les plus courants parmi les sites classés dans les 10 premiers résultats.
Étonnamment, ils ont constaté que la vitesse de la page et le classement ne semblaient pas être corrélés. Cependant, le temps de chargement moyen d’un site sur la première page est de 1,65 seconde, ce qui est assez rapide.
Cependant, Google affirme que la vitesse de la page est importante . Il y a même eu une mise à jour complète à ce sujet.
Cette connexion est sauvegardée et prise en charge par les nouvelles références du secteur PageSpeed de Google .
Ils ont constaté qu’à mesure que les temps de chargement des pages augmentent, les chances qu’une personne rebondisse sur votre site augmentent considérablement :
Cela signifie que si votre page prend 10 secondes à se charger, la probabilité que quelqu’un quitte votre site avant même qu’il ne se charge augmente de plus de 120 % !
Mais selon une étude récente portant sur plus de 5 millions de sites, un site Web moyen prend 10,3 secondes pour se charger complètement sur ordinateur et 27,3 secondes pour se charger sur mobile .
Cela signifie que nous manquons presque tous la cible lorsqu’il s’agit d’avoir un site Web performant.
Dans une autre étude, BigCommerce a constaté que les taux de conversion des sites Web de commerce électronique se situaient en moyenne entre un et deux pour cent.
La vitesse des pages trouvées peut augmenter considérablement les taux de conversion.
Réduire votre vitesse à moins de deux secondes peut augmenter le trafic et les revenus.
Alors, qu’est-ce qui fait qu’une page se charge lentement ?
Les causes les plus courantes de pages lentes sont les images volumineuses et le codage mal conçu.
Si vous regardez n’importe quel site Web à l’ère moderne, il est probablement rempli d’images au point de basculement.
Si vous n’optimisez pas vos images, vous pourriez avoir des pages qui occupent plusieurs mégaoctets d’espace.
La taille et le poids de la page sont souvent mesurés en octets de poids de page. En termes simples, les octets de poids de page indiquent la taille totale d’une page Web mesurée en octets.
Les données de référence de Google montrent que la meilleure pratique pour la taille ou le poids de la page est inférieure à 500 Ko :
Mais encore une fois, la plupart d’entre nous manquent la cible ici. Nous dépassons largement le poids recommandé.
L’un des concepts qui m’a le plus marqué dans le rapport de Google vient de cette citation courte mais percutante :
« Quoi qu’il en soit, plus vite c’est mieux et moins c’est plus. »
Quelle que soit la qualité de votre site, il y a de fortes chances que vous ayez une sérieuse marge d’amélioration.
Comment utiliser l'outil PageSpeed Insights ?
La plupart des sites fonctionnent lentement en raison de grandes images qui occupent trop d’espace.
Mais ce n’est pas toujours le cas pour tous les sites Web.
Vous devez savoir exactement ce qui cause la lenteur de votre site avant de pouvoir apporter les modifications nécessaires pour obtenir un score de 100 % sur l’outil PageSpeed Insights.
Pour commencer, ouvrez l’ outil PageSpeed Insights et saisissez l’URL de votre site Web dans la barre :
Cliquez sur « Analyser » pour que Google effectue un test rapide sur votre site.
Le rapport final vous dira tout ce que vous devez savoir sur votre site et ce qui pourrait entraver ses performances.
Voici à quoi ressemble mon rapport :
C’est un 87/100.
Ce n’est pas génial. Ce n’est pas terrible non plus.
Il y a presque toujours place à l’amélioration. Mon objectif ici est de vous amener à 100 % d’ici la fin de cet article alors que nous entreprenons ensemble ce voyage en vitesse de page.
Voyons d’abord les éléments que j’ai optimisés et perfectionnés :
Maintenant, remarquez qu’il n’y a que quelques éléments sur cette liste par rapport à ma liste « Optimisations possibles »:
Ces informations m’indiquent que les items sur « Optimisations possibles » sont un peu moins impactants que ceux que j’ai déjà optimisés.
Évidemment, vous devrez prendre soin de chaque élément pour atteindre 100 % sur l’outil Page Speed Insights.
Vous voudrez commencer par les éléments prioritaires (plus à ce sujet plus tard).
Ensuite, nous voulons tester notre site mobile séparément.
Vous pouvez utiliser le testeur de site mobile sur l’outil PageSpeed Insights, mais Google en a publié une version mise à jour et plus précise.
Rendez-vous sur Test My Site pour l’essayer. Saisissez l’URL de votre site Web et appuyez sur Entrée :
Google prendra quelques minutes pour exécuter ce rapport, mais il vous donnera un aperçu détaillé des performances de votre site mobile par rapport aux normes de l’industrie.
Il vous dira même combien de visiteurs vous pourriez perdre en raison d’une vitesse de page inférieure.
Mon temps de chargement sur mobile est de quatre secondes.
N’oubliez pas : le temps de chargement recommandé est de trois secondes ou moins.
Cela signifie que ma vitesse n’est pas à la hauteur des normes de l’industrie.
À cause de cela, je perds jusqu’à 10 % de mes visiteurs simplement à cause d’une mauvaise vitesse !
Voici à quoi ressemble mon test mobile lorsque je le compare aux normes de l’industrie :
Bien que je sois toujours dans la section la plus performante, je ne suis pas là où je devrais être si je veux maximiser l’efficacité de mon site Web ou générer plus de trafic et de conversions.
Faites défiler encore plus loin et Google vous donnera une estimation de ce que vos meilleurs correctifs pourraient faire pour votre site Web.
Google dit qu’avec quelques correctifs, je pourrais réduire mes temps de chargement d’environ trois secondes.
Cela signifie que je pourrais potentiellement charger mon site Web en une seconde!
C’est incroyable. Croyez-moi, pour économiser 10 % de vos visiteurs ou plus, c’est quelque chose que vous devez faire.
Exécutez votre site Web via ce test de site mobile pour obtenir des données sur les correctifs dont vous avez besoin pour votre site Web.
Dans cette section suivante, je vais vous expliquer comment résoudre les principaux problèmes de vitesse de page pour vous aider à obtenir un score de 100 % sur l’outil PageSpeed Insights.
4 façons d'obtenir un score PageSpeed Insights parfait
Obtenir un 100% parfait sur l’outil PageSpeed Insights de Google n’est pas une tâche facile.
Cela ne se fera pas du jour au lendemain non plus. Vous devrez faire quelques démarches et passer quelques heures à la meule.
Mais si vous voulez économiser du trafic, générer plus de conversions et générer plus de revenus, vous devez le faire.
Cela peut être fastidieux et fastidieux, mais vous avez besoin de ces conversions. Vous ne pouvez pas être paresseux et risquer de laisser le trafic et le profit sur la table.
Voici les quatre meilleures façons d’accélérer votre site et d’obtenir un score parfait de 100 % avec Google.
1. Compressez vos images
Les images volumineuses sont la principale cause des pages lentes et des scores faibles.
Lorsque j’ai corrigé cela sur mon propre site, j’ai trouvé un impact énorme sur la vitesse.
L’une des meilleures techniques d’optimisation pour fixer la taille de l’image est la compression.
Vous pouvez économiser en moyenne 50 % ou plus sur la taille de l’image en utilisant des outils de compression simples.
Si vous utilisez WordPress , l’un des meilleurs moyens de le faire sans passer beaucoup de temps est d’utiliser un plugin, comme WP Smush Image .
WP Smush a des tonnes de fonctionnalités impressionnantes gratuitement.
Vous pouvez écraser automatiquement les images en ajoutant le plugin. Il va scanner votre médiathèque sur WordPress et détecter les images qu’il peut compresser :
Si vous souhaitez écraser des tonnes de nouvelles images pour votre site en masse, vous pouvez les télécharger directement dans le plugin.
Vous pouvez écraser jusqu’à 50 images à la fois, ce qui en fait l’un des outils les plus rapides du marché :
Si vous vous dirigez vers les paramètres de ce plugin, vous pouvez activer le paramètre pour écraser automatiquement les images lors du téléchargement.
Si vous activez ce paramètre, vous n’aurez plus jamais à vous soucier de la compression. Et si vous compressez toutes les images existantes sur votre site, vous n’avez pas à vous en soucier à chaque fois que vous les téléchargez.
WP Smush est un excellent outil gratuit pour l’utilisateur quotidien de WordPress.
Mais, si vous n’utilisez pas WordPress, que faites-vous ?
Si vous exploitez une boutique et un site basés sur Shopify, vous pouvez utiliser Crush.pics :
Crush.pics dit que vous pouvez vous attendre à un grand bond dans les scores de PageSpeed Insights en utilisant leur outil :
Note PageSpeed avant compression : 75/100. Score PageSpeed après compression : 87/100
Si vous n’êtes pas familier avec les plugins ou si vous n’aimez pas les utiliser pour votre site, vous pouvez utiliser des outils gratuits en ligne comme Compress JPEG ou Optimizilla .
Les deux sont des outils rapides et gratuits qui vous permettent de compresser jusqu’à 20 images en un seul téléchargement.
Vous pouvez utiliser tous ces outils gratuitement et vous devez absolument les implémenter si vous ne pouvez pas utiliser de plugin.
2. Utilisez la mise en cache du navigateur
La mise en cache du navigateur fonctionne en « mémorisant » les ressources précédemment chargées afin qu’il n’ait pas à les recharger à chaque visite.
Lorsqu’un visiteur de site Web se rend sur une nouvelle page de votre site, toutes vos données, telles que les logos et les pieds de page, n’auront pas besoin d’être rechargées.
Cela se traduira par une grande augmentation de la vitesse lorsque les gens atterriront sur votre site.
Comment l’implémentez-vous ? Heureusement, il existe un plugin pour cela. Vous n’avez pas besoin d’être un expert en codage pour le faire.
Essayez d’utiliser W3 Total Cache pour les sites WordPress. Il compte plus d’un million d’installations actives et est le plug-in de mise en cache le plus populaire du marché :
W3 Total Cache prétend qu’il peut vous donner au moins une amélioration de 10 fois des performances globales du site.
En plus de cela, ils affirment (et soutiennent) que ce plugin vous aidera à obtenir de meilleurs résultats sur les outils PageSpeed de Google.
L’outil vous aide également à minifier HTML (que nous aborderons ensuite), JavaScript et CSS, ce qui vous permet d’économiser jusqu’à 80 % de bande passante.
Essayez d’utiliser W3 Total Cache dès aujourd’hui pour augmenter la vitesse de votre site Web rapidement et facilement, même si vous n’avez aucune expérience en matière de codage.
3. Minifiez votre code HTML
Minimiser l’espace occupé par votre codage HTML est un autre facteur important pour obtenir un score parfait de Google.
La minification est le processus de suppression ou de correction des données inutiles ou dupliquées sans affecter la façon dont un navigateur traitera le HTML.
Cela implique de corriger le code, de formater, de supprimer le code inutilisé et de raccourcir le code lorsque cela est possible.
Encore une fois, grâce aux superbes options de plugin de WordPress, vous n’avez pas besoin d’être un génie du codage pour résoudre ce problème.
L’un des meilleurs outils pour ce faire est HTML Minify .
Vous pouvez télécharger ce plugin gratuitement directement depuis leur site et l’installer sur votre compte WordPress en quelques secondes.
Vous pouvez également l’installer directement depuis cette page de plugin .
Une fois que vous avez installé le plugin, il vous suffit de suivre quelques étapes avant de voir un impact instantané sur votre site.
Rendez-vous dans l’onglet Paramètres de votre plugin Minify HTML et activez tous les paramètres suivants :
Vous pouvez tuer efficacement plusieurs oiseaux avec une seule pierre.
PageSpeed Insights de Google vous recommande de minimiser HTML, JavaScript et CSS.
Activez les paramètres « Minify HTML » + « Inline JavaScript ».
Ensuite, assurez-vous de sélectionner oui pour « Supprimer les commentaires HTML, JavaScript et CSS ».
La grande chose à propos de ce plugin est qu’il vous dira quelle est l’action recommandée sous chaque paramètre.
Suivez ces actions si vous n’êtes pas familiarisé avec le fonctionnement de ces paramètres.
Réduisez votre codage aujourd’hui et vous devriez voir un impact instantané sur votre rapport d’informations.
4. Mettre en œuvre l’AMP
AMP est l’abréviation de Accelerated Mobile Pages .
C’est un projet mis en place par Google pour aider les pages mobiles à se charger plus rapidement.
Cela fonctionne en créant un format open source qui supprime des tonnes de contenu inutile, ce qui permet à vos pages mobiles de se charger presque instantanément.
Il offre aux utilisateurs une expérience plus simplifiée sur mobile sans aucune fonctionnalité maladroite qui ne fonctionne pas bien sur les appareils mobiles.
Si vous naviguez sur Internet sur votre téléphone mobile, vous avez probablement cliqué sur un article basé sur AMP.
Voici à quoi ils ressemblent :
Ils sont souvent relégués dans la section « Top Stories » des résultats de recherche Google et se chargent instantanément.
Ils n’ont pas beaucoup de formatage, ce qui les aide à se charger rapidement et à fournir le contenu que l’utilisateur mobile souhaite voir.
Lorsqu’un chercheur sur Google clique sur l’un de ces articles AMP, il voit le contenu comme ceci :
C’est une version simplifiée du vrai site Web qui permet à un utilisateur de faire défiler différentes histoires sans quitter la page Web et cliquer sur la suivante.
Cette fonctionnalité rationalise l’expérience utilisateur sur mobile.
Fini le temps où vous deviez attendre 10 secondes pour qu’un site se charge, puis revenir à la page des résultats de recherche et attendre encore 10 secondes pour que le site suivant se charge.
Ici, vous pouvez accéder au contenu de plusieurs articles sans cliquer une seule fois sur le bouton de retour.
C’est extrêmement efficace pour accélérer votre site et réduire la probabilité que quelqu’un parte.
Des tonnes d’entreprises profitent de l’AMP.
La société WIRED a commencé à mettre en œuvre AMP pour mieux atteindre ses clients.
Ils trouvaient que leur expérience utilisateur mobile était trop lente. Les conversions ne se produisaient tout simplement pas en raison des problèmes de vitesse et des problèmes de rétention des visiteurs.
La décision d’investir du temps dans AMP a eu un impact énorme sur WIRED.
Ils ont augmenté de 25 % leur taux de clics à partir des résultats de recherche naturels.
Ils ont également constaté une augmentation de 63% des CTR sur les publicités dans les histoires AMP.
Ils ont également pu ajouter des histoires AMP à plus de 100 000 articles sur leur site.
Gizmodo a également sauté dans le train AMP et a vu d’énormes améliorations sur son site mobile.
Ils recevaient plus de 100 000 visites de pages AMP chaque jour avec des temps de chargement 3 fois plus rapides que les pages mobiles standard.
Les conversions ont également augmenté de 50 %.
Il est sûr de dire que AMP peut augmenter considérablement les conversions et la vitesse mobile, vous donnant une énorme opportunité d’obtenir un score plus élevé sur PageSpeed Insights de Google.
Si vous souhaitez commencer à utiliser AMP sur votre propre site, il existe plusieurs façons de le faire.
Si vous êtes familier avec HTML, vous pouvez suivre le tutoriel détaillé d’AMP ici.
Pour ceux qui sont moins avertis sur le plan technologique ou qui n’ont aucune expérience en HTML, essayez d’utiliser un plugin WordPress.
L’un des plugins les plus populaires est AMP pour WP .
Il compte plus de 80 000 installations actives et bénéficie d’un support et de mises à jour constants.
Le plugin inclut un générateur de pages AMP sur lequel vous pouvez facilement faire glisser et déposer des éléments de page :
C’est l’un des moyens les plus simples de créer du contenu compatible AMP.
Tout ce que vous avez à faire est de télécharger et d’installer le plugin sur votre tableau de bord WordPress et de l’activer.
À partir de là, vous pouvez utiliser le constructeur de page sur chaque nouvelle publication que vous téléchargez.
Ces pages créeront ensuite une version compatible AMP qui apparaîtra dans les résultats de recherche mobile.
AMP est un moyen éprouvé d’accélérer votre site mobile et de réduire votre vitesse à moins d’une seconde – et des tonnes d’entreprises y trouvent du succès.
FAQ sur Google PageSpeed Insights
Pourquoi la vitesse des pages est-elle importante ?
Google utilise la vitesse des pages comme facteur de classement car elle affecte l’expérience utilisateur. Cela peut affecter votre capacité à vous classer plus haut dans les SERP.
Quelle est la corrélation entre le taux de rebond et la vitesse de la page ?
Voici un exemple d’utilisation de DVDVideoSoft, l’un des principaux outils du marché. Il offre également une conversion instantanée au format mp3 à partir de YouTube.
Presque tous ces outils fonctionnent de la même manière, vous suivez donc des étapes similaires partout.
Que devez-vous rechercher dans les convertisseurs YouTube en MP3 ?
Des études ont montré que les sites qui se chargent plus rapidement ont un taux de rebond plus faible. Cela signifie que l’utilisateur a probablement une meilleure expérience.
Quels secteurs ont les sites les plus lents ?
En moyenne, les sites de technologie et de voyage se chargent le plus lentement, tandis que les sites locaux et classés se chargent le plus rapidement.
À quelle vitesse un site doit-il se charger ?
La meilleure pratique pour le temps de chargement de la page est de trois secondes.
Conclusion : Google PageSpeed Insights.
Lorsque vous avez passé d’innombrables jours, semaines et mois à créer un nouveau site Web , vous voulez que chaque image, élément et icône soit de premier ordre.
Cependant, cela se traduit souvent par un site plus lent que recommandé par Google.
Lorsqu’il s’agit de générer des conversions sur votre site, la vitesse jouera toujours un rôle important.
Les gens ne veulent pas attendre 10 secondes pour que votre site se charge lorsqu’ils peuvent cliquer sur Google et sélectionner le résultat suivant.
Obtenir de bons résultats au test PageSpeed Insights devrait être l’une de vos principales priorités lorsque vous essayez de perfectionner et d’optimiser votre site.
Pour commencer, vous devez d’abord diagnostiquer les problèmes qui affligent votre site.
S’agit-il d’images, d’éléments de page, de trop de texte, d’un mauvais codage ou de tout ce qui précède ?
Utilisez l’outil Google PageSpeed Insights pour voir où se situe le problème, puis examinez leurs suggestions. Vous voudrez également minifier le code, compresser les images, ajouter la mise en cache du navigateur et implémenter AMP.
Ce sont des étapes éprouvées qui peuvent avoir un impact important sur votre score PageSpeed Insight.
Obtenir un score parfait de 100% sur PageSpeed Insights de Google peut donner à votre site Web le coup de pouce dont il a besoin pour réussir.
Quels sont les meilleurs moyens que vous avez trouvés pour augmenter la vitesse de votre site ?
Dernière Mise à jour le 13/06/2022
Loic Gros-Flandre
Loic Gros-Flandre est un blogueur à temps plein et un expert en marketing d’affiliation. Rejoignez Loic et ses lecteurs mensuels sur loicgrosflandre.com pour apprendre à faire évoluer votre influence à la vitesse de démarrage. Avant de commencer ce blog, Loic été un français lamba passionné par le marketing digital. Petite victoire après petite victoire il est devenu un vrai expert dans son domaine.