Code Splitting - Definição do Glossário CI/CD

Code splitting divide seu bundle em chunks para que os usuários baixem apenas o código necessário para a visão atual.

Code splitting quebra um bundle em múltiplos chunks menores que carregam sob demanda em vez de todos de uma vez, melhorando o tempo de carregamento inicial. É comumente disparado por dynamic imports ou fronteiras de rota.

Em vez de um único bundle grande, o code splitting emite vários chunks que a aplicação busca de forma lazy. Isso reduz a carga inicial e acelera a primeira renderização. Na CI, a análise de bundle pode verificar que o splitting mantém cada chunk abaixo de um budget de tamanho.

Guias relacionados

Dynamic Import - CI/CD Glossary DefinitionDynamic Import: A dynamic import is the `import()` expression that loads a module at runtime and returns a pr… Chunk - CI/CD Glossary DefinitionChunk: A chunk is one of the output files a bundler produces when it splits code. Each chunk groups a set of… Lazy Loading - CI/CD Glossary DefinitionLazy Loading: Lazy loading defers loading a resource or module until it is actually needed, rather than at in…