Google PageSpeed Insights est l'outil gratuit de Google pour mesurer la vitesse d'une page web, sur mobile et sur ordinateur. Il attribue un score de performance sur 100, détaille les Core Web Vitals et liste les corrections à apporter. Chez Mazette.co, nous l'utilisons pour tester chaque page que nous livrons et repérer les gains possibles avant la mise en ligne.
Pourquoi la vitesse de page compte pour le SEO
La vitesse fait partie des signaux d'expérience de page pris en compte par Google. Au-delà du classement, une page lente fait fuir les visiteurs : chaque seconde d'attente supplémentaire augmente le taux de rebond et fait baisser les conversions, surtout sur mobile.
Comment utiliser PageSpeed Insights
- Rendez-vous sur pagespeed.web.dev et collez l'URL de la page à tester.
- Lancez l'analyse et commencez par l'onglet Mobile, c'est celui que Google utilise en priorité.
- Regardez d'abord les données réelles (expérience de vos visiteurs sur 28 jours), puis le diagnostic de laboratoire (test simulé par Lighthouse).
- Descendez jusqu'aux sections Opportunités et Diagnostics pour obtenir la liste des corrections, classées par gain estimé.
Comprendre le score et les Core Web Vitals
Le score de performance se lit en trois couleurs : 0 à 49 en rouge (mauvais), 50 à 89 en orange (à améliorer), 90 à 100 en vert (bon). Il résume trois indicateurs clés, les Core Web Vitals :
- LCP (Largest Contentful Paint) : temps d'affichage du plus gros élément visible. Objectif : moins de 2,5 secondes.
- INP (Interaction to Next Paint) : réactivité de la page quand l'utilisateur clique ou tape. Objectif : moins de 200 millisecondes. L'INP a remplacé le FID en mars 2024.
- CLS (Cumulative Layout Shift) : stabilité visuelle, c'est-à-dire les éléments qui bougent pendant le chargement. Objectif : moins de 0,1.
Nos conseils pour accélérer un site Webflow
- Images : convertissez-les en WebP ou AVIF directement depuis le gestionnaire d'assets Webflow, redimensionnez-les à leur taille d'affichage réelle et laissez le lazy loading actif sous la ligne de flottaison.
- Image principale : passez l'image du hero en chargement « eager » pour améliorer le LCP.
- Polices : limitez le nombre de familles et de graisses, et préférez des fichiers WOFF2.
- Scripts tiers : chaque outil de tracking, chat ou widget ajouté dans le custom code pèse sur l'INP. Chargez-les en
defer ou après interaction.
- Animations : réservez les interactions lourdes aux sections qui en ont vraiment besoin et évitez d'animer des propriétés qui déclenchent des recalculs de mise en page.
- Dimensions fixes : donnez une largeur et une hauteur aux images, vidéos et embeds pour éviter les décalages qui dégradent le CLS.
Les erreurs fréquentes à éviter
- Se fier uniquement au score desktop, souvent bien meilleur que le score mobile.
- Tester une seule page : les templates CMS, les pages de blog et la home ont chacune leurs propres problèmes.
- Viser 100/100 à tout prix : un score au-dessus de 90 avec des Core Web Vitals au vert suffit dans la grande majorité des cas.
Questions fréquentes
PageSpeed Insights est-il gratuit ?
Oui, l'outil est entièrement gratuit et ne demande aucun compte.
Pourquoi mon score change-t-il à chaque test ?
Le test de laboratoire dépend des conditions réseau et serveur du moment. Des écarts de quelques points sont normaux, c'est la tendance qui compte.
Quelle différence entre données réelles et données de laboratoire ?
Les données réelles viennent des visiteurs Chrome de votre site sur 28 jours, ce sont elles que Google utilise. Les données de laboratoire sont une simulation utile pour diagnostiquer et tester vos corrections.
Pour suivre ensuite l'évolution des Core Web Vitals de vos visiteurs réels, utilisez le rapport dédié de Google Search Console.
Besoin d'un site Webflow rapide dès sa conception ? Découvrez notre expertise Webflow.
