---
title: "next-lazy-hydration-on-scroll"
description: "A helper for delaying hydration until content approaches the viewport."
pagination: false
---

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

<PurposeNote title="Good for">Reducing initial client work for below-the-fold Next.js content.</PurposeNote>

## What it does

A helper for delaying hydration until content approaches the viewport.

## When it fits

Reducing initial client work for below-the-fold Next.js content.

## Other options in this category

<div data-pagefind-ignore>

- [Loadable Components](/performance/loadable-components) — Deferring component bundles until a route or feature needs them.
- [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 next-lazy-hydration-on-scroll ↗](https://github.com/woywro/next-lazy-hydration-on-scroll)

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)