Retour à la leçon
Mission

Mission : alléger boutique.html pour le mobile

Corriger un rapport Lighthouse signalant un poids d'images excessif en servant des résolutions adaptées à chaque écran.

Contexte

Le rapport Lighthouse de boutique.html alerte : la même photo produit.jpg, de 1600px de large et pensée pour un écran desktop, est envoyée telle quelle à tous les visiteurs mobiles. La page contient aussi une bannière en haut de page qui doit montrer un cadrage plus large en desktop et un cadrage resserré sur mobile, pour rester lisible.

Ta mission : traiter ces deux problèmes, qui ne relèvent pas du même outil.