Retour à la leçon
Mission

Mission : le score Lighthouse en chute libre

Corriger une bannière mal optimisée et une galerie qui télécharge tout d'un coup, puis autoriser une image distante bloquée.

Contexte

Un audit Lighthouse pointe deux problèmes sur la page d'accueil : la bannière hero.jpg en haut de page (visible immédiatement, sans scroll) n'a pas la prop priority et met du temps à s'afficher (mauvais LCP). Plus bas, une galerie de 40 photos a été codée par un collègue qui a ajouté priority à CHAQUE <Image> "pour être sûr qu'elles s'affichent vite", ce qui a en réalité aggravé le score. Une image d'avatar hébergée sur cdn.example.com provoque en plus une erreur au build car ce domaine n'est pas autorisé.