Précharger l’image du Largest Content Paint

En général, il est très important que les ressources les plus importantes de votre site Web soient disponibles dès le début du chargement de la page. Toutefois, certaines de ces ressources importantes peuvent être chargées à partir d'un fichier CSS ou JavaScript, ce qui peut prendre plus de temps que souhaité.

Lorsqu'une image constitue le Largest Contentful Paint, PageSpeed peut recommander de la précharger.

Dans ces cas, nous pouvons utiliser  <link rel="preload"> pour aller récupérer cet élément plus tôt.

Pour y parvenir, vous pouvez suivre les étapes suivantes :

1. Installez le plugin Insert Headers and Footers
2. Dans la section Scripts in Header, ajoutez le code: <link rel="preload" href="https://votre-domaine.fr/votre-image-lcp.jpg" as="image">
   Remplacez l'exemple par l'URL correcte de l'image donnée par PageSpeed.
3. Videz le cache de WP Rocket.

Veuillez consulter cet article pour plus d'informations.