Optimisation de la vitesse des pages : tout ce que vous devez savoir

Un site Web rapide n'est pas seulement un avantage, c'est un élément crucial pour rester compétitif en ligne.

Ce guide couvre tout ce que vous devez savoir pour augmenter la vitesse de votre page et la satisfaction des utilisateurs afin d'améliorer la visibilité de la recherche.

Le coût élevé des sites Web lents : pourquoi la vitesse est importante

Les Core Web Vitals de Google montrent que la vitesse du site Web et l'expérience utilisateur sont étroitement liées.

Les utilisateurs quitteront votre site si une page Web prend trop de temps à se charger. Ce n'est pas nouveau.

Google a déclaré il y a des années qu'en passant d'un temps de chargement de 1 à 5 secondes, 90 % des utilisateurs quitteraient votre site sans interagir avec lui.

Ainsi, même si votre site Web est bien classé sur Google, un site lent aura un impact sur vos performances.

Pourquoi?

À mesure que l’expérience utilisateur diminue, les internautes quitteront votre site sans acheter vos produits, sans lire votre contenu ni interagir avec celui-ci.

Cela dit, la vitesse va bien au-delà du simple impact sur l’expérience utilisateur. Core Web Vitals indique clairement que la vitesse est un facteur essentiel.

Comprendre les éléments essentiels du Web

Les Core Web Vitals (CWV) sont un ensemble de mesures utilisées pour évaluer l'expérience utilisateur. Ils mesurent les éléments suivants pour les utilisateurs d’ordinateurs de bureau et mobiles :

• Vitesse de chargement.
• Réactivité des pages.
• Stabilité visuelle.

Les CWV ont été introduits en 2020 pour fournir des mesures du monde réel centrées sur l'utilisateur que les professionnels du référencement et les propriétaires de sites peuvent utiliser pour mesurer la convivialité.

Depuis sa sortie, nous avons vu pas mal de mises à jour, la plus importante étant First Input Delay, qu'Interaction Next Paint a remplacé. Les principaux éléments des CWV comprennent :

• La plus grande peinture de contenu (LCP): Mesure les performances de chargement d’une page. LCP représente les 2,5 premières secondes du chargement d'une page.
• Changement de mise en page cumulatif (CLS): Mesure la stabilité visuelle d'une page.
• Interaction avec la peinture suivante (INP): Un moyen de mesurer le délai de retour visuel et son impact sur l'expérience utilisateur.

Les CWV s'efforcent d'offrir un aspect technique de référencement en mettant l'accent sur l'expérience et la convivialité des pages.

Quel élément du CWV est le plus important ?

INP est censé être le plus important de tous les CWV, et j'ai écrit un guide complet sur l'optimisation de l'INP, la nouvelle métrique Core Web Vitals.

Comprendre l'expérience de la page

L'expérience de la page, qui inclut Core Web Vitals, n'est pas un facteur de classement direct, selon Google.

Danny Sullivan, agent de liaison pour la recherche Google clarifié sur X que même si l’expérience de la page est importante, elle n’est pas explicitement répertoriée comme facteur de classement.

« Cela ne dit pas que c'est un facteur de classement. Tout comme la page CWV ne dit pas « Ceci, avec d'autres ». Il parle de ces éléments qui s'alignent sur ce que nous mesurons « les aspects de l'expérience de la page, s'alignent sur ce que nos systèmes de classement de base cherchent à récompenser ».

Cela signifie-t-il que la vitesse des pages n’est plus importante ?

Non. La vitesse est importante pour les sites Web.

Pourquoi?

Les moteurs de recherche visent à offrir les meilleurs résultats pour les requêtes de recherche.

Si un site est lent, n'est pas réactif ou accessible et ne fonctionne pas bien sur mobile, ce n'est peut-être pas le meilleur résultat à offrir.

Plusieurs signaux composent l’expérience de la page, notamment :

• Éléments essentiels du Web.
• Convivialité mobile.
• HTTPS.
• Interstitiels non intrusifs.

Google états:

« Bien que l'expérience de la page soit importante, Google cherche toujours à classer les pages avec les meilleures informations globales, même si l'expérience de la page est médiocre. Une bonne expérience de page ne remplace pas un excellent contenu de page. Cependant, dans les cas où de nombreuses pages peuvent avoir une pertinence similaire, l'expérience de la page peut être beaucoup plus importante pour la visibilité dans la recherche.

Où la vitesse des pages s'intègre dans l'expérience de la page et le référencement

La déclaration de Google sur l'expérience de la page montre que si tout le reste est égal, l'expérience de la page peut améliorer la visibilité dans les résultats de recherche.

Bien que l'expérience de la page ne soit certainement pas la seule chose sur laquelle vous souhaitez vous concentrer, c'est un élément supplémentaire sous votre contrôle pour améliorer la visibilité de votre site sur les SERP.

La vitesse des pages est importante car elle a un impact important sur Core Web Vitals et améliorera les trois composants. Pour trouver des points à améliorer, lancez une Rapport PageSpeed Insights.

Guide en 9 étapes pour optimiser la vitesse des pages

Si vous ne réussissez pas tous les scores sur CWV, vous pouvez suivre ces étapes pour optimiser la vitesse de votre page.

1. Réduire le codage

Vous pouvez optimiser CSS, JavaScript et HTML. Divers outils, tels que HTMLMinificateur, CSSNano et UglifyJSpeut vous aider à minimiser votre codage. Réduire signifie réduire tous les caractères inutiles.

Vous pouvez réduire vous-même les CSS, JS et HTML, mais utiliser l'une des solutions ci-dessus est beaucoup plus rapide et efficace.

Mais, après avoir minifié votre codage, je recommande :

• Révision de plusieurs pages du site.
• Vérifier si quelque chose s'est cassé en cours de route.

Parfois, lorsque vous réduisez votre codage, les choses se cassent. Une fois que vous avez terminé la réduction, vous pouvez supprimer le codage inutilisé.

2. Supprimez le codage inutilisé

Si vous avez du code JavaScript ou CSS inutilisé, supprimez-le. Chaque petit geste contribue à réduire la taille des fichiers et à accélérer votre site. Vous pouvez le faire de plusieurs manières, mais comme pour la réduction, il est important d'analyser votre site après avoir supprimé le codage inutilisé.

Google PageSpeed ​​Insights vous montrera le codage inutilisé sur votre site :

Vous verrez également du JavaScript inutilisé que vous pouvez supprimer, mais vous devez travailler avec un développeur ou savoir quels éléments peuvent être utilisés sur d'autres pages du site.

Certains plugins WordPress peuvent vous aider si vous utilisez le CMS, notamment :

• WP Fusée.
• Débloquer.
• De nombreuses autres solutions de mise en cache.

3. Mise en cache

L'installation de la mise en cache au niveau de l'application peut aider.

WordPress et la plupart des autres options CMS disposent de plugins de mise en cache qui réduisent la charge sur la base de données de votre site et peuvent considérablement améliorer les CWV.

Voici quelques-unes des meilleures solutions de mise en cache pour les sites WordPress :

• WP Fusée.
• WP Super Cache.
• Cache total W3.

Si votre site accède souvent à une base de données, cela peut constituer un goulot d'étranglement pour votre site, donc quelque chose comme Memcached peut être nécessaire.

4. Optimiser les vidéos et les images

Une partie importante du LCP est constituée d’images et de vidéos.

Il est préférable de compresser tous les fichiers image et vidéo. Dans la plupart des cas, les GIF doivent être remplacés par des vidéos.

Si vos images ou vidéos sont volumineuses, envisagez un réseau de diffusion de contenu ou un hébergement tiers. Vous trouverez de nombreux guides utiles pour vous aider à maîtriser l’optimisation des vidéos et des images :

5. Utilisez le chargement paresseux

Une façon d'améliorer le chargement d'un site contenant beaucoup d'images consiste à effectuer un chargement asynchrone, également appelé chargement paresseux, pour accélérer le premier rendu de votre site. Le chargement paresseux est un peu délicat, mais de nombreux plugins de mise en cache offrent également cette fonctionnalité.

Google Search Central propose un guide sur comment réparer le contenu chargé paresseux pour éviter tout problème.

Si vous développez pour Chrome, vous pouvez utiliser le loading=”lazy” attribut pour les images, mais vous voulez vous assurer qu’elles viennent après la fenêtre.

6. Utilisez un réseau de diffusion de contenu

Il est recommandé de placer des images, des vidéos, du CSS, du JavaScript ou tout autre fichier statique sur un réseau de diffusion de contenu (CDN).

Un CDN est un réseau ultra-optimisé avec des serveurs dans le monde entier qui héberge vos fichiers, améliore la vitesse de livraison et réduit la charge sur le serveur de votre site.

Par où commencer ?

Tout d’abord, sélectionnez un CDN, et la plupart disposeront de guides de mise en œuvre pour le CMS que vous utilisez. Certains des nombreux CDN disponibles incluent :

• Flare nuageuse.
• Amazon CloudFront.
• Akamaï.
• Lapin.
• Sucuri.

7. Réduisez les redirections

Votre site peut avoir des redirections, qui sont 100% naturelles dans l'évolution d'un site.

Cependant, vous devez supprimer toutes les chaînes de redirection dans lesquelles une page redirige vers une autre qui redirige, car elles auront un impact sur la vitesse de votre site.

En tant qu'expert SEO, je vous recommande d'abord de vous familiariser avec le fonctionnement des redirections et pourquoi elles sont si précieuses. Vous pouvez suivre ce guide pour commencer : Un guide SEO sur les redirections.

8. Auditez vos plugins

Si vous utilisez un CMS populaire, il n'est pas rare d'avoir des dizaines de plugins installés.

Vous devez examiner tous ces plugins et remplacer ceux qui sont inutilisés ou qui peuvent être remplacés par un seul plugin.

Commencez par parcourir chaque plugin un par un et demandez :

• Est-ce que j'utilise ce plugin ?
• Ces fonctionnalités du plugin sont-elles déjà disponibles dans un autre plugin que j'utilise ?

Réduire l’encombrement de vos plugins améliorera considérablement la vitesse des pages.

9. Mettez à niveau votre hébergement

Enfin, si vous avez fait tout le reste et que la vitesse des pages ne s'améliore pas, vous souhaiterez peut-être mettre à niveau l'hébergement.

Certains hôtes ont des systèmes plus anciens et lents, mais la plupart vous permettront d'ajouter plus de RAM et de processeurs pour améliorer la vitesse du site si le trafic entraîne le blocage du serveur.

Si vous utilisez un serveur Apache ou Nginx, vous pouvez installer le Module PageVitesse sur votre serveur. L'avantage de ce module est qu'il fonctionne au niveau du serveur pour améliorer la vitesse, ce qui signifie que l'application de votre site ne sera pas altérée.

Note: Pour améliorer la vitesse du site, vous devrez peut-être travailler avec des administrateurs informatiques ou de serveur pour mettre en œuvre certaines des modifications ci-dessus.

---

Conseils pour améliorer encore la vitesse des pages

En plus de vous concentrer uniquement sur la vitesse, vous souhaitez améliorer l’expérience de la page en utilisant les conseils ci-dessous.

Convivialité mobile

Aujourd’hui, chaque site doit être adapté aux mobiles. L'utilisation d'une conception réactive est essentielle pour améliorer l'expérience utilisateur et garantir l'accessibilité sur tous les appareils.

Ensuite, si vous suivez les conseils de vitesse ci-dessus, vous améliorerez également la vitesse du site mobile.

Enfin, considérez :

• Supprimer ou réduire les pop-ups.
• Créer du contenu adapté aux mobiles en mettant l'accent sur la lisibilité.

Navigation sécurisée

Une navigation sûre et sécurisée sont deux éléments d'un site que vous devriez déjà proposer. Vous voudrez :

• Exécutez un site sécurisé en utilisant HTTPS.
• Exécutez des contrôles de sécurité sur votre site.
• Analysez tous les téléchargements sur le site à la recherche de codes malveillants, de logiciels malveillants, de virus et plus encore.

Une surveillance de routine est également essentielle. Si votre site est compromis, Google le signalera rapidement et incitera de nombreux visiteurs potentiels à l'abandonner.

Interstitiels non intrusifs

Les appareils mobiles disposent d'un espace d'écran limité et si votre site comporte de nombreuses fenêtres contextuelles et interstitielles, cela peut rendre difficile, voire impossible, l'interaction avec le site, créant ainsi une mauvaise expérience de page.

Examiner les réseaux publicitaires

Si votre site affiche des annonces, il est important de prendre en compte leur impact sur l'expérience de la page.

Les réseaux publicitaires nécessitent que vous ajoutiez du code pour diffuser des annonces, mais si le réseau est lent à charger, cela peut réduire considérablement la vitesse de votre page.

Vous devriez revoir :

• Réseaux publicitaires pour voir leur impact sur la vitesse de votre site.
• Tous les plugins ou éléments tiers de votre site qui sont hors de votre contrôle.

Si une régie publicitaire, un script ou un service a un impact sur la vitesse du site, cela nuira à l'expérience de votre page.

Conclusion

Bien que l’impact de la vitesse des pages sur le référencement ne devrait pas être la seule chose sur laquelle se concentrer, il fait partie intégrante de l’optimisation qui est principalement sous votre contrôle.

En utilisant Core Web Vitals comme guide, la vitesse de votre site et l'expérience de vos pages devraient s'améliorer, améliorant potentiellement les classements.