Lazy Loading - Definição do Glossário CI/CD

Lazy loading atrasa a busca de um módulo ou asset até o momento em que ele é necessário, reduzindo o custo do carregamento inicial.

Lazy loading adia o carregamento de um recurso ou módulo até que ele seja realmente necessário, em vez de no carregamento inicial da página. Em builds frontend costuma ser implementado com dynamic imports e code splitting.

O lazy loading troca um pequeno atraso posterior por um first paint muito mais rápido. Frameworks expõem helpers (React.lazy, defineAsyncComponent) que encapsulam dynamic imports. Na CI você pode medir se os chunks carregados de forma lazy permanecem separados do bundle principal.

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… Code Splitting - CI/CD Glossary DefinitionCode Splitting: Code splitting breaks a bundle into multiple smaller chunks that load on demand rather than a… 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…