PageSpeed Matters
    Speed Audit
    Let's Talk
    PageSpeed Matters
    Book a Call
    Optimization Techniques · Glossary

    Code Splitting

    Matt SuffolettoWritten by Matt Suffoletto
    Published June 26, 2026
    Code Splitting
    Share

    TL;DR

    Code splitting is a build-tool technique that breaks a JavaScript bundle into smaller chunks that are loaded on demand, typically per route or per dynamic import, instead of shipping the entire application as a single file.

    What is Code Splitting?

    Code splitting is a build-tool technique that breaks a JavaScript bundle into smaller chunks that are loaded on demand, typically per route or per dynamic import, instead of shipping the entire application as a single file.

    Learn more in our reducing JavaScript bundle size guide, or work with us through our done-for-you speed optimization service.

    How Code Splitting is Measured

    Modern bundlers such as Vite, webpack, and Rollup report bundle composition and chunk sizes after a build.

    Related Terms

    Sources