Speed Index et First Meaningful Paint : les métriques mobile que Google recommande vraiment ?

Pourquoi Google distingue-t-il vitesse réelle et vitesse perçue ?

La vitesse perçue mesure ce que voit un utilisateur pendant le chargement, pas le moment où la dernière ligne de code s'exécute. Un site peut techniquement charger en 2 secondes mais paraître prêt en 800ms si le contenu visible s'affiche rapidement.

Speed Index calcule la progression visuelle du chargement dans le viewport. Plus l'écran se remplit vite de contenu utile, meilleur est le score. First Meaningful Paint identifie le moment où le contenu principal apparaît à l'écran, celui qui donne du sens à la page.

Ces métriques sont-elles encore d'actualité ?

La recommandation date d'une époque où les Core Web Vitals n'existaient pas. Aujourd'hui, LCP (Largest Contentful Paint) a remplacé First Meaningful Paint dans les priorités officielles. Speed Index reste disponible dans Lighthouse mais n'est plus un signal de classement.

Le paradoxe ? Google continue de suggérer ces métriques dans certaines documentations sans préciser qu'elles ne servent plus directement au ranking. Les outils officiels ont évolué, la communication pas toujours.

Comment mesurer concrètement ces indicateurs ?

Lighthouse (intégré à Chrome DevTools) calcule automatiquement Speed Index et affichait First Meaningful Paint jusqu'à récemment. WebPageTest propose une visualisation filmstrip particulièrement parlante du Speed Index, montrant image par image la progression du chargement.

Pour un audit mobile, lancez Lighthouse en mode mobile throttling (connexion 4G simulée). Un bon Speed Index se situe sous 3,4 secondes sur mobile, excellent sous 1,3 seconde. Au-delà de 5,8 secondes, l'expérience est considérée comme mauvaise.

• Speed Index : progression visuelle globale du chargement, score composite en millisecondes
• First Meaningful Paint : moment où le contenu principal devient visible (aujourd'hui remplacé par LCP)
• Vitesse perçue vs technique : privilégier l'affichage rapide du contenu above-the-fold même si des ressources secondaires chargent encore
• Outils recommandés : Lighthouse pour des audits rapides, WebPageTest pour des analyses détaillées avec filmstrip
• Seuils Speed Index : < 1,3s excellent, 1,3-3,4s moyen, > 5,8s mauvais

Cette recommandation est-elle toujours pertinente pour le ranking ?

Soyons honnêtes : First Meaningful Paint a été déprécié par Google lui-même au profit de LCP. La recommandation officielle n'a manifestement pas été mise à jour. FMP était difficile à calculer de manière cohérente entre différentes architectures de pages.

Speed Index reste un indicateur UX pertinent mais n'est pas un facteur de classement direct. Les Core Web Vitals (LCP, FID/INP, CLS) ont pris le relais pour l'algorithme de ranking. Continuer à optimiser uniquement Speed Index sans surveiller LCP est contre-productif.

Quelles incohérences observe-t-on sur le terrain ?

Des sites affichent d'excellents Speed Index mais des LCP catastrophiques parce qu'ils chargent d'abord des éléments secondaires (header, navigation) avant le contenu principal. L'inverse existe aussi : LCP rapide grâce à une image hero optimisée, mais Speed Index médiocre car le reste de la page charge lentement.

[A vérifier] La pondération exacte de ces métriques dans l'expérience utilisateur réelle. Google affirme mesurer la vitesse perçue, mais les critères de ranking privilégient clairement LCP. Le décalage entre documentation officielle et pratique algorithmique crée de la confusion.

Dans quels cas ces métriques restent-elles utiles ?

Pour le diagnostic UX pur, Speed Index révèle des problèmes invisibles dans les Core Web Vitals. Une page peut avoir un LCP correct (image hero rapide) mais un Speed Index désastreux si le contenu textuel met 4 secondes à apparaître.

Les équipes produit et design trouvent Speed Index plus parlant que des métriques techniques. La visualisation filmstrip montre concrètement ce que voit l'utilisateur seconde par seconde. Utile pour convaincre des décideurs non techniques de l'importance des optimisations.

Faut-il encore optimiser Speed Index et FMP ?

Optimisez LCP en priorité, c'est le signal de ranking confirmé. Speed Index s'améliore généralement comme effet de bord quand vous optimisez LCP, mais l'inverse n'est pas toujours vrai. First Meaningful Paint est obsolète, ne perdez pas de temps dessus.

Une stratégie gagnante : utilisez Speed Index comme métrique de contrôle qualité UX, pas comme objectif principal. Si votre LCP est bon mais votre Speed Index mauvais, creusez : vous avez probablement un problème d'ordre de chargement des ressources.

Quelles erreurs d'optimisation éviter ?

Ne chargez pas du contenu invisible en priorité pour améliorer artificiellement Speed Index. Google détecte les tentatives de gaming des métriques. Certains sites affichent des placeholders rapides qui gonflent Speed Index mais dégradent l'expérience réelle.

Attention aux Web Fonts : elles bloquent souvent le First Contentful Paint et impactent Speed Index. Un texte invisible pendant 2 secondes détruit la vitesse perçue. Utilisez font-display: swap et préchargez les fonts critiques.

Comment auditer correctement la vitesse mobile perçue ?

Lancez des tests réels sur vrais devices Android mid-range, pas juste en mode simulation. Un Moto G4 avec vraie 3G révèle des problèmes invisibles sur un MacBook Pro en 4G simulé. Les conditions réseau fluctuantes changent radicalement la perception.

Comparez Speed Index entre pages concurrentes dans WebPageTest avec filmstrip. Vous verrez concrètement qui affiche du contenu utile plus vite. C'est souvent plus parlant qu'une différence de 200ms sur LCP.

• Priorisez l'optimisation LCP (Core Web Vitals) avant Speed Index
• Utilisez Speed Index comme indicateur complémentaire UX, pas comme métrique de ranking
• Auditez avec Lighthouse en mode mobile throttling (connexion lente simulée)
• Optimisez l'ordre de chargement : contenu principal above-the-fold en premier
• Préchargez les ressources critiques (fonts, images hero) avec preload/fetchpriority
• Testez sur vrais devices Android mid-range avec connexions réelles