CATÉGORIE · Performance · B07
Code splitting
Découper le JS en plusieurs chunks chargés à la demande plutôt qu'un seul bundle. En React/Vite : React.lazy() + Suspense.
Définition complète
Découper le JS en plusieurs chunks chargés à la demande plutôt qu'un seul bundle. En React/Vite : React.lazy() + Suspense.
Exemple concret sur Shopify
Exemple illustratif : un configurateur de produit n’est chargé que sur les pages qui l’utilisent. La navigation et les contrôles essentiels restent disponibles sans attendre ce module.
Ma position
Mesurer le JavaScript initial et le délai lors de l’ouverture du module. Découper trop finement peut multiplier les allers-retours réseau ; vérifier aussi les erreurs de chargement.
Termes connexes
Pour aller plus loin
Sources et contexte éditorial
Teo Comyn · Mis à jour le
Références techniques consultées pour cette mise à jour. Les exemples illustratifs ne sont pas des résultats clients mesurés. Vérifie la documentation actuelle et ta boutique avant d’appliquer une modification.
Politique éditoriale