Comment améliorer votre score Google PageSpeed ​​Insights: meilleures pratiques en 2021

NRZ.Digital
0 0

À quand remonte la dernière fois que vous avez abandonné un site Web parce que sa page prenait trop de temps à charger? Vous n’êtes pas seul à le faire! En fait, la plupart des internautes trouvent que les pages à chargement lent sont un énorme désagrément.

Selon Pingdom, 38% des utilisateurs de sites Web rebondissent si un site prend plus de cinq secondes à se charger. Pourtant, une enquête menée par Unbounce a révélé que seulement 15% des sites ont une vitesse de page acceptable!

C’est une statistique assez dommageable si l’on considère l’importance même de la vitesse de la page pour assurer la conversion.

La question se pose, quelle est exactement la bonne vitesse de page? La réponse à cela ne cesse de changer. Alors qu’il fut un temps où une vitesse de page de quelques secondes était acceptable, maintenant les entreprises s’efforcent d’atteindre un temps de chargement de moins de trois secondes.

Un excellent moyen de se tenir au courant de la vitesse de page standard consiste à utiliser Google PageSpeed ​​Insights. Cet outil vous permet d’évaluer la vitesse de votre page et le score qu’il vous donne vous aide à identifier si vous devez améliorer vos efforts ou non. En général, un score de 90 plus est considéré comme acceptable.

Si vous n’atteignez pas ce score, voici quelques-unes des meilleures pratiques que vous pouvez mettre en œuvre pour améliorer le score PageSpeed ​​insights.

1. Compressez vos images

Dans le monde d’aujourd’hui, l’esthétique compte beaucoup. Cela pourrait inciter certains d’entre vous à placer des images de haute qualité sur votre site Web. Bien qu’il n’y ait rien de mal à cette étape et que la qualité de vos images compte certainement, ne confondez pas des images de qualité avec des images haute résolution.

Vous pouvez toujours obtenir une excellente qualité sans utiliser la plus haute résolution disponible. En fait, un excellent moyen d’améliorer la vitesse du site Web est de compresser vos images. Il s’avère que vous pouvez utiliser des outils de compression pour réduire la taille de l’image jusqu’à 50% sans compromettre sa qualité.

Par exemple, pour ceux qui ont un site Web WordPress, un plugin appelé WP Smush Image Compression and Optimization peut être un outil pratique, d’autant plus que le plugin est gratuit!

De plus, si votre site Web n’est pas créé sur WordPress, vous pouvez utiliser divers autres plugins disponibles. Alors que Crush.pics est un excellent outil pour les outils Shopify, Compress JPEG et Optimizilla sont des options intéressantes.

2. Éliminez les redirections inutiles

Un autre gros inconvénient pour un utilisateur de site Web, mis à part les pages à chargement lent, est que les sites Web continuent de rediriger vers d’autres pages lorsque vous cliquez sur le lien de la page de destination.

Il s’avère que les deux ennuis sont liés! Plus vos pages auront de redirections, plus la vitesse de chargement de la page sera élevée. Vous pouvez facilement faire d’une pierre deux coups en éliminant les redirections inutiles de votre page.

Pour cela, vous avez besoin d’un design réactif. Selon Infront, plus de 77% des adultes possèdent un smartphone et 60% des personnes accèdent à des sites Web via un téléphone. Une conception réactive permet à un site Web de rester accessible, quel que soit l’appareil sur lequel l’utilisateur le consulte:

Selon Google, les pages avec un faible PageSpeed ​​Insights Score ont tendance à avoir un certain modèle de redirection. Voici quelques-uns des modèles qui peuvent être exposés:

  • xyz.com -> www.xyz.com -> m.xyz.com. Ces sites Web offrent une expérience très lente sur les appareils mobiles.
  • xyz.com -> m.xyz.com/home. Cela offre une expérience considérablement plus lente qu’une conception réactive.

Vous vous demandez à quoi ressemblera une conception Web réactive? Eh bien, son URL (dans ce cas, xyz.com) chargera la page de destination, quel que soit l’appareil sur lequel elle est accédée, sans aucune redirection. C’est ce que vous devez viser.

3. Supprimez toutes les ressources bloquant le rendu

Un autre moyen sûr d’augmenter le score de vitesse de la page consiste à supprimer toutes les ressources bloquant le rendu de votre site Web. Ces ressources jouent également un rôle dans la réduction de la vitesse des pages.

À moins que vous ne soyez un geek de l’informatique, il y a de fortes chances que vous n’ayez aucune idée de ce que nous entendons par ressources bloquant le rendu. Ne t’inquiète pas; il fallait aussi en apprendre davantage!

Fondamentalement, ces ressources font référence à des scripts CSS et JavaScript qui agissent comme des obstacles au chargement rapide des pages. En effet, le navigateur de chaque visiteur est chargé de télécharger d’abord ces scripts, puis de les traiter avant que la page complète ne puisse être affichée.

Le fait de placer de telles ressources au-dessus de la section pliante de la page peut être préjudiciable au site Web. Google lui-même propose une solution à ce problème. Ceci comprend:

  • Utiliser des plugins comme Autoptimize (si votre site Web est petit) pour incorporer votre CSS ou JavaScript dans des fichiers HTML. Cette méthode ne concerne que les petits sites Web, car elle sera en fait contre-productive pour les sites Web plus grands avec une pléthore de scripts.
  • Le report de votre JavaScript permet à votre fichier JavaScript d’être téléchargé pendant le processus d’analyse HTML et d’être exécuté une fois le processus d’analyse terminé. Il permet également aux scripts de se charger en termes d’ordre d’apparition sur une page donnée.

C’est un domaine assez technique; par conséquent, vous aurez besoin d’un guider pour lutter contre cela.

4. Améliorez votre performance perçue

Un rapport du MOVR a mis en lumière le comportement particulier des consommateurs. Plus de 11% des utilisateurs de téléphones mobiles commencent à parcourir un site Web, de haut en bas, à peine quatre secondes après le chargement de la page. Et même si la page entière n’a pas été chargée, 9% défilent toujours vers le bas.

Cela signifie que vous n’avez pas nécessairement à vous assurer que l’ensemble de votre page se charge rapidement. Au lieu de cela, vous devez optimiser ses performances perçues. Faites-le en donnant la priorité au chargement rapide du contenu au-dessus du pli. Cela augmentera également automatiquement le score de vitesse de votre page.

Qu’est-ce que la performance perçue?

Il fait référence à la perception que les utilisateurs ont de la rapidité du temps de chargement de votre site Web. Cette vue peut en fait être différente du temps de chargement réel de votre site Web! Par exemple, les sites Web qui se chargent de haut en bas peuvent se charger globalement en cinq secondes mais ont une performance perçue de trois secondes.

Autorisez le chargement de vos éléments de base au-dessus de la ligne avant les publicités et les widgets tiers. Assurez-vous que le contenu qui structure votre site se charge avant les éléments esthétiques. Au moment où les utilisateurs traitent les informations fournies, le reste de votre site Web peut se charger.

5. Utiliser la mise en cache du navigateur

Selon Neil Patel, la mise en cache du navigateur est un autre outil qui peut vous aider à améliorer votre score Google PageSpeed ​​Insight. Par rapport aux autres pratiques mentionnées dans ce guide, celle-ci est très simple et ne nécessite pas beaucoup d’efforts.

En règle générale, une page a tendance à prendre beaucoup de temps à se charger car elle récupère les ressources requises. Par exemple, chaque fois qu’un site Web est revisité, il doit récupérer et charger chaque image et les autres éléments de la page. Ensuite, il doit gérer tout le HTML et le codage lourds.

les-ressources-requises-vitesse-de-la-page-google
La source

Comme vous pouvez le constater, cette tâche est assez répétitive. Certes, tout moyen de réduire la redondance des efforts peut améliorer les performances du site Web, n’est-ce pas? C’est là que la mise en cache du navigateur entre en jeu.

Il permet aux navigateurs de se souvenir des pages et des ressources qui ont été précédemment chargées. Cela signifie qu’il n’a pas besoin de tout recharger à partir de zéro.

De plus, cela permet aux visiteurs du site Web qui commencent leur voyage sur la page de destination de ne pas avoir à attendre que des données répétitives, telles que des logos et des pieds de page, se rechargent lorsqu’ils cliquent sur d’autres pages.

Contrairement à la croyance populaire, vous n’avez pas besoin de connaître le codage pour utiliser cette tactique. Au lieu de cela, il existe des outils disponibles pour cela. Pour WordPress, vous pouvez utiliser W3 Total Cache.

Alors, comment le mettez-vous en œuvre? Heureusement, il existe un plugin pour cela. Vous n’avez pas besoin d’être un expert en codage pour ce faire.

6. Utilisez AMP

Accelerated Mobile Pages est une solution open-source utilisée par Google pour permettre aux pages mobiles de se charger plus rapidement. Il le fait en éliminant le contenu inutile sur un site Web pour s’assurer qu’il se charge instantanément. Vous avez peut-être vu les initiales reflétées sur divers résultats de recherche Google.

navigation fluide pour les utilisateurs mobiles
La source

La plate-forme offre une navigation fluide aux utilisateurs mobiles après avoir supprimé les fonctionnalités maladroites incompatibles avec une expérience mobile idéale.

La version simplifiée du site Web permet aux utilisateurs de faire défiler différentes histoires et contenus sur un site sans quitter une page donnée et en redirigeant vers une autre. Par exemple, vous pouvez facilement faire glisser votre doigt vers la droite ou la gauche pour lire d’autres articles, qui apparaîtront instantanément, avec un formatage très minimal.

Une étude de cas rapportée par Neil Patel révèle que Gizmodo a amélioré sa vitesse de chargement de trois fois en utilisant la fonction AMP. Vous pouvez facilement l’implémenter et en bénéficier également.

Il existe de nombreuses façons d’augmenter votre score Google PageSpeed ​​Insight. Nous avons mentionné ceux qui sont fortement mis en œuvre en 2021, en mettant l’accent sur ceux qui sont plus faciles à suivre pour les novices et les experts.

Ne laissez pas une vitesse de page lente gâcher votre travail acharné et vos efforts. Et ne sous-estimez pas non plus sa puissance sur le taux de rebond de votre site Web. Utilisez Google PageSpeed ​​Insight pour voir où se trouve actuellement votre site Web. Et s’il a besoin d’être amélioré, vous savez maintenant quoi faire!

Bonne chance!


Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleppy
Sleppy
0
Angry
Angry
0
Surprise
Surprise
0

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Laisser un commentaire

Next Post

PegaWorld iNspire 2021: le dernier cri en matière d'automatisation

Tenue virtuellement pour la deuxième année consécutive, PegaWorld iNspire a présenté des discours et des séances en petits groupes de la direction, des partenaires et des clients de Pega. Les participants ont découvert les principales tendances d’automatisation, ainsi que les innovations, les capacités et les succès des clients et des […]

Vous pouvez aimer

Abonnez-vous maintenant