Optimiser accessibilite et performances

Lazy loading, PWA, Lighthouse, eco-conception et principes de sobriete numerique.

Module 6Module 7

Exercice pratique

Optimiser le chargement d'une page

Ecrivez une page Next.js optimisee qui :
1Utilise dynamic de next/dynamic pour charger un composant lourd HeavyChart avec un fallback "Chargement..."
2Utilise Image de next/image pour afficher une image produit optimisee avec loading="lazy" et un placeholder="blur"
3Utilise Suspense de React pour envelopper un composant Comments
typescript