L'indice de vitesse est l'une des cinq métriques suivies dans la section Performances du rapport Lighthouse. Chaque métrique capture un aspect de la vitesse de chargement des pages.
Lighthouse affiche l'indice de vitesse en quelques secondes:
![Capture d'écran de l'audit sur l'indice de vitesse de Lighthouse](https://developer.chrome.com/static/docs/lighthouse/performance/speed-index/image/a-screenshot-the-lightho-a99ab3a38d256.png?authuser=6&hl=fr)
Que mesure l'indice de vitesse ?
L'indice de vitesse mesure la rapidité d'affichage du contenu pendant le chargement de la page. Lighthouse capture d'abord une vidéo du chargement de la page dans le navigateur, puis calcule la progression visuelle entre les frames. Lighthouse utilise ensuite le module Node.js Speedline pour générer le score Speed Index.
Comment Lighthouse détermine votre score d'indice de vitesse
Le score "Speed Index" compare l'indice de vitesse de votre page à celui de sites Web réels, en fonction des données de l'archive HTTP.
Le tableau suivant indique comment interpréter votre score d'indice de vitesse sur mobile:
Indice de vitesse (en secondes) |
Code couleur |
---|---|
0 à 3,4 | Vert (rapide) |
3,4 à 5,8 | Orange (modéré) |
Plus de 5,8 | Rouge (lent) |
Améliorer votre indice de vitesse
Bien que toutes les actions que vous effectuez pour améliorer la vitesse de chargement des pages améliorent votre score d'indice de vitesse, la résolution des problèmes détectés par ces audits de diagnostic devrait avoir un impact particulièrement important:
- Réduire le travail du thread principal
- Réduire le temps d'exécution de JavaScript
- S'assurer que le texte reste visible pendant le chargement de la police Web
Améliorer votre score global de performances
À moins que vous n'ayez une raison spécifique de vous concentrer sur une métrique en particulier, il est généralement préférable de vous concentrer sur l'amélioration de votre score de performances global.
Utilisez la section Opportunités de votre rapport Lighthouse pour déterminer les améliorations qui seront les plus intéressantes pour votre page. Plus l'opportunité est importante, plus l'impact sur votre score de performances est important. Par exemple, la capture d'écran ci-dessous de Lighthouse montre que l'élimination des ressources qui bloquent l'affichage permettra d'obtenir la plus grande amélioration:
![Lighthouse: section "Opportunités"](https://developer.chrome.com/static/docs/lighthouse/performance/interactive/image/lighthouse-opportunities-ec2197d9dce25_1920.png?authuser=6&hl=fr)
Consultez la page de destination des audits de performances pour savoir comment saisir les opportunités identifiées dans votre rapport Lighthouse.