Lazy Loading - CI/CD Glossary Definition

Lazy loading delays fetching a module or asset until the moment it is required, cutting initial load cost.

Lazy loading defers loading a resource or module until it is actually needed, rather than at initial page load. In frontend builds it is typically implemented with dynamic imports and code splitting.

Lazy loading trades a small later delay for a much faster first paint. Frameworks expose helpers (React.lazy, defineAsyncComponent) that wrap dynamic imports. In CI you can measure that lazily loaded chunks stay separate from the main bundle.

Related guides