La vitesse des pages est un facteur de classement Google bien connu, un facteur avec lequel de nombreux sites Web ont du mal. Découvrez ci-dessous comment différents éléments peuvent ralentir les temps de chargement et ce que vous pouvez faire pour augmenter la vitesse de la page.

Bien qu’il ne s’agisse que de l’une des nombreuses mesures de référencement sur la page, les temps de chargement lents des pages peuvent affecter négativement le classement d’une page dans les pages de résultats des moteurs de recherche (SERP) et avoir un impact négatif sur l’expérience utilisateur (UX). Voici ce qui peut ralentir vos pages et comment vous pouvez commencer à augmenter la vitesse des pages. 

Pourquoi la vitesse des pages est-elle importante pour le référencement ?

La recherche sur les réseaux neuronaux de Google estime que lorsque le temps de chargement de la page passe de 1 seconde à 3 secondes, la probabilité que le visiteur abandonne simplement le site avant la fin du chargement augmente de 32 %. Et plus la page est lente, plus la probabilité qu’un visiteur du site parte par frustration est élevée. Étant donné que Google souhaite que les utilisateurs aient la meilleure expérience possible lors de l’utilisation de la recherche, la vitesse de chargement des pages est un facteur de classement. Cela signifie que si vous voulez bien vous classer pour vos mots-clés cibles, vous devez surveiller la vitesse de vos pages. Après avoir investi dans un site Web attrayant avec un contenu de qualité, la dernière chose dont vous avez besoin est une vitesse de chargement lente des pages qui tue votre classement. 

Alors, comment savoir si la vitesse de chargement de vos pages affecte négativement le référencement de votre site ? 

Il existe de nombreux outils que vous pouvez utiliser pour vérifier la vitesse d’une page. À lui seul, Google propose plusieurs outils gratuits tels que Google Search Console, Lighthouse et PageSpeed ​​Insights, qui fournissent tous des informations précieuses sur les vitesses de chargement des pages. Utilisez-les pour voir à quelle vitesse les éléments de la page se chargent.

Quelles sont les mesures des KPIs Core Web Vitals

En 2020, Google a publié Core Web Vitals. Cet ensemble de mesures permet aux administrateurs Web de connaître les performances de leur site en termes d’expérience de navigation. Ces mesures sont particulièrement utiles pour identifier comment accélérer le temps de chargement des pages Web. 

Vous pouvez utiliser Google Search Console pour voir vos rapports Core Web Vitals mobiles et de bureau. Ces rapports affichent les URL qui sont bonnes, doivent être améliorées ou sont médiocres. Si vous avez des URL médiocres ou nécessitant des améliorations, il fournit également une liste des problèmes ainsi que les URL concernées. Cliquez sur le problème pour en savoir plus sur le problème et les URL concernées.

Les données Core Web Vitals de votre site se trouvent dans PageSpeed ​​Insights ou Google Lighthouse.

Dans PageSpeed ​​Insights, vos Core Web Vitals refléteront une expérience utilisateur réelle. Google Lighthouse utilise des données de laboratoire en plus des données utilisateur réelles.

Le haut des rapports PageSpeed ​​Insights affiche vos métriques Core Web Vitals :

• Largest Contentful Paint (LCP) : durée de chargement d’une page. Un LCP idéal est de 2,5 secondes ou moins.
• Premier délai d’entrée (FID) : temps nécessaire pour que les utilisateurs puissent interagir avec votre page. Idéalement, cela devrait être de 100 millisecondes ou moins.
• Décalage de mise en page cumulé (CLS) : combien d’éléments de page se déplacent lors de leur chargement. Cela devrait être de 0,1 ou moins.
• First Contentful Paint (FCP) : Le temps qu’il faut pour qu’un utilisateur puisse voir quelque chose à l’écran. Un score de 1,8 seconde ou moins vous maintiendra dans le vert.
• Interaction to Next Paint (INP) : La durée entre une action de l’utilisateur et la réponse de la page. 200 ms ou moins est considéré comme bon.
• Time to First Byte (TTFP) : La durée entre la requête initiale du navigateur et le moment où il reçoit le premier octet du serveur. Visez 800 ms ou moins.

Cliquez sur l’une des métriques dans PageSpeed ​​Insights pour accéder à la page web.dev correspondante, qui explique plus en détail ce qu’est chaque métrique et pourquoi elle est importante.

Métriques PageSpeed ​​Insights

Après la section Core Web Vitals, vous trouverez des métriques PageSpeed ​​Index supplémentaires, notamment :

• Indice de vitesse : vitesse d’affichage du contenu lors du chargement de la page. Moins de 3,4 secondes vous maintiendront dans le vert.
• Time to Interactive (TTI) : Le temps nécessaire à une page pour devenir entièrement interactive. Google dit de s’efforcer de moins de 5 secondes.
• Durée totale de blocage : durée pendant laquelle une page est bloquée à l’entrée de l’utilisateur. Le vert ici est inférieur à 200 ms.

Une fois que vous constatez qu’une page fonctionne mal, vous pouvez tenter de résoudre le problème. Voici 10 façons d’optimiser la vitesse des pages.

Comment optimiser la vitesse de vos pages web

1. Compresser et optimiser les images

Les images volumineuses peuvent ralentir considérablement votre site. Utilisez des outils comme TinyPNG pour compresser les images sans perte de qualité. Pensez également à utiliser des formats d’image modernes comme WebP.

2. Réduire le Nombre de Plugins

Chaque plugin ajouté à votre site peut ajouter du temps de chargement. Faites le tri et supprimez ceux qui ne sont pas essentiels. Optez pour des plugins multifonctions pour limiter le nombre total.

3. Nettoyer et Optimiser le Code

Un code propre et bien organisé est plus rapide à charger. Utilisez des outils comme HTMLMinifier, CSSNano, et UglifyJS pour minifier votre code HTML, CSS et JavaScript.

4. Activer la Compression Gzip

La compression Gzip peut réduire la taille de vos fichiers envoyés du serveur au navigateur. Activez cette fonctionnalité sur votre serveur pour améliorer les temps de chargement.

5. Utiliser la Mise en Cache du Navigateur

Configurez la mise en cache pour stocker des versions des pages localement dans les navigateurs des utilisateurs. Cela réduit les temps de chargement pour les visites ultérieures.

6. Optimiser la Livraison du CSS

Les fichiers CSS volumineux peuvent bloquer le rendu de la page. Utilisez le chargement asynchrone pour le CSS ou divisez les styles critiques et non critiques.

7. Retarder le Chargement des JavaScript Non Essentiels

Les scripts peuvent ralentir le chargement de la page. Différez le chargement des scripts non essentiels ou utilisez le chargement asynchrone pour améliorer la performance.

8. Minimiser les Redirections

Les redirections multiplient les requêtes HTTP et augmentent les temps de chargement. Réduisez leur nombre pour une meilleure performance.

9. Utiliser un Réseau de Distribution de Contenu (CDN)

Un CDN distribue votre contenu sur plusieurs serveurs à travers le monde, réduisant ainsi la latence et améliorant la vitesse de chargement pour les utilisateurs.

10. Choisir un Hébergement de Qualité

Un hébergement performant est fondamental. Optez pour un hébergeur fiable et rapide, avec des serveurs optimisés pour la vitesse.