Un site rapide sur téléphone : mesurer et corriger avec PageSpeed Insights

Ce guide s'adresse aux dirigeants de petites entreprises, commerçants et indépendants dont le site semble lent sur téléphone, ou qui veulent simplement savoir où ils en sont. Vous apprendrez à utiliser l'outil gratuit de Google, PageSpeed Insights, à comprendre les trois indicateurs qui comptent, et à corriger les causes de lenteur les plus fréquentes.

Pourquoi la vitesse compte autant

Une grande partie de vos visiteurs arrive depuis un téléphone, parfois avec une connexion moyenne. Si la page met longtemps à s'afficher ou bouge pendant le chargement, beaucoup repartent avant d'avoir vu votre numéro de téléphone. Google tient aussi compte de l'expérience de la page parmi de nombreux critères de classement. Un site rapide n'est donc pas un luxe technique : c'est une question de clients perdus ou gagnés.

Tester votre site avec PageSpeed Insights

1. Rendez-vous sur pagespeed.web.dev.
2. Collez l'adresse de votre page d'accueil, puis lancez l'analyse.
3. Restez sur l'onglet « Mobile », le plus exigeant et le plus représentatif.
4. Recommencez avec vos pages importantes : un service phare, la page contact, une fiche produit.

Le rapport comporte deux parties. La première, quand elle est disponible, présente des données réelles recueillies auprès d'utilisateurs du navigateur Chrome sur les 28 derniers jours. Les sites peu visités n'en ont souvent pas assez pour qu'elles s'affichent. La seconde est un test en laboratoire, réalisé sur le moment dans des conditions simulées, avec une note sur 100 et une liste de recommandations. Les données réelles reflètent ce que vivent vos visiteurs ; le test en laboratoire sert surtout à trouver les causes.

Comprendre les trois signaux Web essentiels

Google regroupe sous ce nom trois indicateurs. Pour chacun, l'objectif est d'être dans la zone « Bon » pour au moins 75 % des visites.

LCP : l'affichage du contenu principal

Le LCP mesure le temps nécessaire pour afficher le plus grand élément visible, souvent une grande photo ou le titre principal. Il est jugé bon en dessous de 2,5 secondes.

INP : la réactivité aux actions

L'INP mesure le délai entre une action du visiteur (toucher un bouton, ouvrir un menu) et la réponse visible de la page. Il a remplacé l'ancien indicateur FID en mars 2024, car il observe toutes les interactions et pas seulement la première. Il est jugé bon en dessous de 200 millisecondes.

CLS : la stabilité de la page

Le CLS mesure les décalages inattendus : un bouton qui se déplace au moment où vous alliez toucher, un texte qui saute quand une image apparaît. Il est jugé bon en dessous de 0,1.

Corriger les causes les plus fréquentes

Les images

C'est presque toujours la première cause de lenteur.

• Redimensionnez vos photos à la taille réellement affichée : une photo de 4 000 pixels de large pour un emplacement de 800 est un gaspillage.
• Utilisez des formats modernes comme WebP ou AVIF, nettement plus légers que le JPEG ou le PNG à qualité égale.
• Activez le chargement différé pour les images situées plus bas dans la page, mais pas pour la grande image du haut, qui doit arriver le plus vite possible.
• Indiquez la largeur et la hauteur de chaque image pour que le navigateur réserve la place et que la page ne saute pas.

Les polices de caractères

• Limitez-vous à une ou deux familles de polices et aux graisses vraiment utilisées.
• Hébergez les polices sur votre propre serveur plutôt que de les charger depuis un service extérieur : c'est souvent plus rapide et cela évite d'envoyer l'adresse de vos visiteurs à un tiers.
• Demandez que le texte s'affiche immédiatement avec une police de secours en attendant la police définitive.

Les extensions et les services intégrés

Sur WordPress et les outils similaires, chaque extension ajoute souvent du code chargé sur toutes les pages.

• Faites l'inventaire de vos extensions et supprimez celles qui ne servent plus.
• Méfiez-vous des carrousels, animations et constructeurs de pages très lourds.
• Remplacez les vidéos et cartes intégrées par une image cliquable qui ne charge le service qu'à la demande.
• Limitez les outils tiers : discussion en direct, pixels publicitaires, widgets de réseaux sociaux.

L'hébergement et le cache

Un hébergement très bon marché ou surchargé peut ralentir la réponse du serveur. Vérifiez qu'un système de cache est activé (il garde une version prête de vos pages pour les servir plus vite) et que la compression est en place. Votre hébergeur ou votre prestataire peut vous le confirmer.

La liste à cocher

• Tester les pages principales sur pagespeed.web.dev en mode mobile.
• Noter les valeurs de LCP, INP et CLS et les comparer aux seuils.
• Redimensionner et convertir les images au format WebP ou AVIF.
• Indiquer les dimensions de chaque image.
• Réduire le nombre de polices et les héberger sur votre serveur.
• Supprimer les extensions inutiles et différer les vidéos et cartes.
• Vérifier le cache et la qualité de l'hébergement.
• Refaire le test après chaque correction.

Ne cherchez pas forcément la note de 100 : visez la zone verte sur les données réelles, c'est ce qui compte pour vos visiteurs. Si les résultats vous laissent perplexe, vous pouvez réserver un échange gratuit pour les lire ensemble, ou consulter nos autres guides.

Questions fréquentes