Code splitting

Glossaire Shopify

Catégorie : Performance

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

Résultat : la homepage ne charge pas le JS du checkout ou de la page merci.

Termes connexes

• LCP (Largest Contentful Paint)
• CLS (Cumulative Layout Shift)
• INP (Interaction to Next Paint)

Pour aller plus loin

• Core Web Vitals Shopify