Nous connaissons tous le Google PageSpeed Insights test de rapidité. Cependant, obtenir une note de 100 dans ce test de vitesse Google n’est pas une tâche facile.
En fait, de nombreuses entreprises cherchent désespérément à relever leur note dans ce test sans grand succès. En effet, Google met des exigences très élevées pour avoir un bon score.
Prochain, nous vous disons ce qu’est Google PageSpeed, à quoi il sert et comment obtenir une note de 100. De plus, vous pouvez le faire aussi bien sur un site basique sans trop de fonctionnalités que sur un site complet.
Qu’est-ce que le test Google PageSpeed Insights et à quoi sert-il ?
PageSpeed Insights est un outil développé par Google qui montre les performances d’une page ou d’un site Web. Les résultats sont divisés en deux : la version mobile (Mobile) et la version de bureau (Bureau).
En plus de vous donner un score Web, Google montre les raisons pour lesquelles il obtient ce score et donne une série de conseils pour améliorer cette note.
Google divise les optimisations en trois grandes catégories lorsqu’il s’agit de classer un site Web :
- Web rapide– Le score au test montre que le web est dans le premier tiers des pages les plus rapides.
- Normal Web: le web se situe dans le tiers médian des pages les plus rapides d’Internet.
- Web lent: le web se situe dans le tiers le plus lent des pages Internet.
La le score affiché par Google est une valeur comprise entre 0 et 100. Une note proche de 100 signifie que la page est extrêmement rapide et qu’il n’y a rien à optimiser. Et une note proche de 0 signifie qu’il y a beaucoup de travail à faire sur le site.
Quant à la note, Google divise le score de cette façon :
- Bonne note: Score de 80 ou plus
- La note moyenne: Note entre 60 et 79
- Qualité inférieure: Note entre 0 et 59
Pourquoi est-il important d’avoir un site web rapide ?
53% des utilisateurs quittent une page web si elle met plus de 3 secondes à se charger. Autrement dit, si votre site Web ne se charge pas en moins de 3 secondes, plus de la moitié de vos utilisateurs iront sur un autre site Web.
Par conséquent, chaque seconde de chargement d’un site Web diminue les conversions. Plus précisément, 20 % de conversions en moins pour chaque seconde qui passe.
De cette façon, avoir un site rapide et optimisé permettra à vos utilisateurs d’avoir une excellente expérience utilisateur. Et cela signifiera beaucoup plus de conversions.
Si un site Web prend plus de 3 secondes à se charger, plus de 53 visiteurs seront perdus, et à chaque seconde de retard dans le temps de chargement, le taux de conversion de la page est réduit de plus de 20.
Source : Google
La vitesse d’un site Web est importante pour une boutique en ligne et un commerce électronique. Cependant, il est également nécessaire pour les sites Web d’entreprises car ce qui est recherché est de convertir, que ce soit pour qu’ils achètent, contactent ou appellent.
Conseils pour obtenir une note de 100 sur Google PageSpeed Insights
Il y a plusieurs facteurs qui influencent lors de la mise de la note dans le test Google. Voici quelques exemples qui vous aideront à améliorer votre note.
Toutes les techniques qui y sont détaillées font partie du WPO : Web Performance Optimization, c’est-à-dire l’optimisation de la vitesse des sites Web.
Lorsque nous parlons de WPO, nous parlons essentiellement d’optimisation Web en termes de temps et de vitesse de chargement. Il s’agit en fait d’une série de stratégies essentielles, car il est inutile d’avoir un design attrayant si le site n’est pas optimisé en termes de vitesse.
Optimiser les images
Image l’optimisation est une condition indispensable pour obtenir une bonne note de test. C’est l’une des principales causes des notes graves que l’on a l’habitude de voir.
L’une des meilleures techniques pour optimiser les images est pour les compresser. Vous pouvez réduire, en moyenne, 50% du poids des images en les compressant.
Si vous utilisez WordPress, l’un des meilleurs plugins pour le faire sans investir beaucoup de temps à les compresser manuellement est WP Smush Image. Un plugin qui possède de nombreuses fonctionnalités dans sa version gratuite.
L’utilisation d’un plug-in d’optimisation automatique d’image est essentiel pour les sites Web où plusieurs éditeurs publient régulièrement. De cette façon, peu importe quel éditeur télécharge du contenu avec des images, car le plugin les optimisera automatiquement.
De plus, vous pouvez configurer le plugin pour qu’il n’autorise que les dimensions maximales de l’image. Autrement dit, si l’image a une dimension supérieure aux pixels que nous avons saisis, le plugin redimensionnera automatiquement l’image.
Si vous ne souhaitez pas utiliser un nouveau plugin ou si votre site Web n’est pas développé dans WordPress ou un autre CMS comme Drupal qui a un plugin similaire, vous pouvez utiliser des outils en ligne pour compresser et optimiser les images comme Optimizilla ou tout autre outil.
Minifier et optimiser le code HTML
Une autre astuce pour améliorer la vitesse de chargement serait d’optimiser le code HTML. Bien que vous deviez le faire correctement car si ce n’est pas fait correctement, cette action pourrait complètement déconfigurer l’interface de votre projet Web.
La réduction du code HTML est le processus de suppression des données inutiles ou en double dans le code source d’un site Web. Un code mal programmé peut être la cause de ce problème et peut être résolu en auditant le code.
Optimiser le code CSS
Un autre facteur important est l’optimisation du code CSS. TYPIQUEMENT, les fichiers CSS sont des fichiers externes qui doivent être chargés.
Souvent, ces fichiers CSS contiennent du code qui n’est pas réellement utilisé sur les pages. Si une page n’utilise que 10 % de code d’un fichier CSS, elle charge en fait inutilement les 90 % restants de ce fichier.
La première chose à faire est :
- Analyser quel code et/ou les fichiers CSS sont vraiment nécessaires.
- Déboguer le code essayer de perdre son poids.
- Dans de nombreux cas, en insérant directement le code CSS dans le code HTML pourrait être une option valide.
Optimiser le code JavaScript (JS)
Javascript vous permet d’activer des fonctions puissantes et des blocs de page interactifs. Le problème est que ces scripts ralentissent beaucoup le site et il faut faire attention à ne pas trop en abuser.
La première chose à faire est de auditer le site Web et supprimer tout code JavaScript ce n’est pas nécessaire pour les exigences que nous avons de notre site Web. Une fois que nous avons les scripts essentiels, nous pouvons appliquer ces 3 astuces :
- Les scripts qui ne sont pas cruciaux doivent être chargé a posteriori au lieu d’être chargé en premier.
- Charger tous les fichiers JavaScript externes de manière asynchrone, plutôt que de manière synchrone. Les scripts chargés de manière synchrone interrompent le processus de rendu de la page, tandis que les scripts chargés de manière asynchrone permettent au navigateur de charger plusieurs éléments en même temps.
- Envisager mettre des fonctions JS à l’intérieur(en ligne) la page elle-même. Cela réduira le nombre de requêtes que votre navigateur doit effectuer.
Optimiser le serveur (hébergement)
C’est peut-être l’un des points les plus importants à garder à l’esprit concernant la vitesse. Le serveur sur lequel le projet web est hébergé est d’une importance vitale.
Le temps de réponse du serveur est directement un facteur dans la note de Google PageSpeed Insights. Ce temps de réponse peut ralentir en fonction de plusieurs facteurs :
- Nombre de requêtes de base de données
- Routage lent
- Utilisation de certains frameworks
- Utilisation de certaines librairies
- Peu de ressources CPU
- Peu de ressources RAM
Avoir un bon administrateur système pour traiter votre hébergement est très important. De cette façon, vous pourrez configurer et installer un logiciel qui permet au Web de se charger beaucoup plus rapidement.
À I-Oreillenous optimisons les serveurs en utilisant Nginx, Vernis, Serveur Redis, et cache mémoireentre autres.
Bon marché coûte cher, et c’est vrai. Avoir un hébergement bon marché peut être très coûteux en termes d’optimisation et de vitesse Web.
Surveiller l’utilisation des plugins externes
Vous devez surveiller l’utilisation des plugins externes. Dans I-Oreille, chaque nouvelle fonctionnalité nécessitant un développement web est analysée bien avant sa mise en place. Au lieu d’utiliser un nouveau plugin externe pour chaque nouvelle exigence, nous le programmons à la commande chaque fois que possible.
De cette façon, lors de la programmation personnalisée, seules les fonctions dont nous avons vraiment besoin sont incluses. Au lieu de cela, les plugins externes incluent de nombreuses fonctions qui ne sont pas nécessaires, et ce qu’ils font est de retarder le temps de chargement de la page.
Prioriser le contenu en haut d’une page
Curieusement, la vitesse d’une page n’est pas seulement basée sur la vitesse à laquelle elle se charge. Cela a également à voir avec la performance perçue.
Les performances perçues pourraient être définies comme « la vitesse à laquelle un site Web semble se charger ». Et cela peut être différent du temps de charge réel. La performance perçue est liée au point de vue de l’utilisateur.
Pour prioriser cette performance perçue, il est très important de prioriser le contenu qui est important de la part de l’utilisateur. Par exemple, le texte en haut d’une page doit être chargé avant le pied de page. Un site Web mal programmé peut commencer à charger des fonctionnalités de pied de page et des blocs que l’utilisateur ne voit pas à première vue.
Déployer AMP
AMP est une technologie créée par Google qui offre une expérience de chargement de page beaucoup plus rapide sur les appareils mobiles. AMP limite l’utilisation de HTML et JS, augmenter considérablement la vitesse des pages et d’ailleurs améliorer leur positionnement.
L’application d’AMP vous permettra d’augmenter le score Google Page Insights sur les appareils mobiles. Bien qu’il s’agisse d’une technologie qui doit être développée très soigneusement car elle pourrait complètement déconfigurer n’importe quelle page Web.
Nous sommes experts en technologie AMP. En fait, tout notre site Web est valide AMP :
Quelle note obtient-on au test Google pour le site I-Oreille ?
Après tous ces conseils théoriques que nous vous avons donnés, nous savons que ce que vous voulez savoir, c’est si ces conseils fonctionnent. La réponse est qu’ils fonctionnent. Dans I-Oreilleon obtient un score de 89 dans la version mobile et la note maximale, 100, dans la version de bureau dans Google PageSpeed Insights.
Vous ne le croyez pas ? Voici la version d’essai de la version de bureau :
Nous vous montrons également la preuve de la note obtenue dans la version mobilepuisque la plupart des gens ont toujours Oublier de affichez cette note car elle est beaucoup plus basse que la note de la version desktop :
Améliorez votre score dans Google PageSpeed Insights grâce à nos conseils
Vous avez sûrement mis beaucoup d’efforts (en temps et en ressources) pour développer votre site Web. Donc, vous voulez qu’il soit aussi parfait que possible. Et avoir une vitesse élevée est un facteur important.
En plus du test Google, il existe d’autres pages qui permettent d’évaluer la vitesse de votre page, comme GTMetrix ou WebPageTest. Dans les deux tests, notre page obtient également d’excellents résultats :
Comme nous l’avons vu, chaque image et élément doit être pris en compte pour obtenir une bonne note. Par conséquent, il est important d’avoir des développeurs experts lors du développement de votre site Web.
Atteindre une note de 100 au test de vitesse Google PageSpeed Insights peut vous donner l’impulsion dont votre site Web a besoin pour réussir.
Si vous souhaitez que nous optimisions votre site Web pour améliorer le résultat du test Google, il vous suffit il faut nous contacter.
Chez I-Oreille, nous serons heureux de vous aider !