---
title: "Loadable Components"
description: "Tools for code splitting and lazy loading React components."
pagination: false
---

{/* Generated from content/. Edit the catalog, not this page. */}

<PurposeNote title="Good for">Deferring component bundles until a route or feature needs them.</PurposeNote>

## What it does

Tools for code splitting and lazy loading React components.

## When it fits

Deferring component bundles until a route or feature needs them.

## Other options in this category

<div data-pagefind-ignore>

- [next-lazy-hydration-on-scroll](/performance/next-lazy-hydration-on-scroll) — Reducing initial client work for below-the-fold Next.js content.
- [Partytown](/performance/partytown) — Reducing main-thread work caused by external website scripts.
- [React Geiger](/performance/react-geiger) — Noticing costly renders while interacting with an application.
- [React Scan](/performance/react-scan) — Investigating unnecessary renders and interface performance problems.
- [react-fast-memo](/performance/react-fast-memo) — Exploring component memoization in measured performance-sensitive cases.

</div>

## Source

[Project source for Loadable Components ↗](https://loadable-components.com/)

Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.

[Keep an interface responsive →](/tasks/keep-an-interface-responsive)

[All performance &amp; virtualization options →](/performance)