Le rapport Pagespeed Insight vous renseigne sur les opportunités d’optimisation de la page pour réussir à la charger plus rapidement.
Pour réduire le temps de chargement du LCP, vous devez principalement traiter les opportunités liées :
- Aux images : format (webp), encodage, chargement différé (lazy load)
- Aux scripts et feuilles de styles : compression CSS et JavaScript, suppression des codes inutiles, non compressés
- Aux ressources : préchargement de webfont, de scripts, compression du code HTML
- A la configuration serveur : activer la compression, gestion du cache
Pour réduire votre indicateur CLS et donc éviter de voir des déplacements de contenus à l’affichage la page, il est nécessaire de se focaliser sur :
- Les scripts ou animations CSS qui créent des décalages visuels des contenus
- Les images chargées qui n’ont pas de dimensions (height / width) renseignées
- L’intégration d’une iframe sans avoir défini la taille de son emplacement
- La gestion de webfonts (préchargement et alternative d’affichage)
Enfin, pour réduire le temps du FID lié au délai d’interaction de l’utilisateur avec le site, vous devez vous concentrer sur la gestion des ressources de la page. Cela se traduit principalement par :
- La réduction du temps d’exécution du JavaScript utile à une page (suppression des scripts inutiles, split de fichiers, …)
- Le retardement des appels de code third-party
Pour améliorer la lisibilité de ces opportunités et de leur impact sur les indicateurs Core Web Vitals, Google vient d’annoncer la mise en place de filtres sur les rapports (12min 07s).