Retour aux cas pratiques
Web Performance OptimizationAvancé
Implémentation d'un code splitting stratégique pour réduire le bundle initial
Scénario
Contexte : Vous travaillez sur une application front-end dont le bundle principal dépasse 1 Mo. Le Problème : L'ensemble du code est chargé dès la première visite, ralentissant significativement le First Contentful Paint. Contraintes : Mettre en place du code splitting dynamique (import dynamique ou lazy loading) sans modifier la logique métier. Livrable attendu : Refactoriser l'architecture de chargement afin de séparer les modules non critiques et réduire le poids du bundle initial.
Compétences ciblées
performancecodesplittingbundlelazyloadingoptimization