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
    Implémentation d'un code splitting stratégique pour réduire le bundle initial — mise en situation Web Performance Optimization | CodeDuel