defer

Server islands

A deferred island renders its fallback into the page immediately, then the browser fetches the real HTML from a signed, same-origin endpoint. Zero component JS ships. Each hole below fetches on a different schedule.

defer: 'load'

Fetches immediately on connect and is the only timing that emits a <link rel="preload" as="fetch"> hint, which the runtime reuses so there is one server render.

fetching…

defer: 'idle'

Waits for requestIdleCallback before fetching. No preload hint.

fetching…

defer: '(min-width: 300px)'

Fetches when the media query matches. On any normal window this matches at once.

fetching…

defer: 'visible' — below the fold

This hole does not fetch until it scrolls into view. The server does no work for content nobody reached. Scroll down past the spacer to trigger it.

fetching…