O Que É um Limite de Importação Dinâmica?
Um limite de importação dinâmica é o lugar onde o código usa uma chamada de import assíncrona em vez de um import estático, sinalizando que o módulo de destino pode ser buscado depois. Os bundlers tratam cada chamada dessas como uma emenda e emitem um chunk separado para o código importado. O módulo só é baixado quando a execução realmente chega àquela chamada.
Por que isso importa
Esses limites são onde o carregamento tardio acontece, adiando código de telas raramente usadas até que seja necessário. Colocá-los bem reduz a carga inicial sem quebrar o fluxo do usuário.
Guias relacionados
What Is a Code Splitting Strategy?A code splitting strategy is the plan a build uses to break a bundle into smaller chunks loaded on demand, so…
What Is a Prefetch Hint?A prefetch hint tells the browser to fetch a likely-needed resource at low priority during idle time, so it i…
What Is a Suspense Boundary?A suspense boundary wraps part of a UI so that while its data or code is loading, a fallback is shown, lettin…