Retour à la leçon
Mission

Mission : ramener Accueil.jsx sous la seconde

Découper un bundle unique avec lazy/Suspense et concevoir un préchargement au survol pour masquer la latence perçue.

Contexte

Lighthouse signale que Accueil.jsx, qui n'affiche qu'un formulaire de connexion, met plus de 4 secondes à devenir interactive sur mobile. En inspectant le bundle, TableauDeBord.jsx et ProfilEditeur.jsx — deux pages jamais visitées avant connexion — sont importés directement en haut du fichier App.jsx avec un import TableauDeBord from "./TableauDeBord"; classique, donc inclus dans le même chunk JavaScript que la page d'accueil.