Subchapter 7.41
references/support-topics/next-heavy-ui-lazy-load-boundaries.mdMarkdown1 KBView on GitHub
Heavy above-the-fold or rarely used UI can hurt LCP and INP when it ships too much JavaScript on first load. Look for concrete route-local UI, not generic bundle advice.
Inspect client components, menus, search overlays, personalization widgets, maps, editors, and large imported libraries. Check whether they can load on interaction, viewport, or route entry with next/dynamic or dynamic import.
Do not lazy-load essential above-the-fold content needed for initial meaning or accessibility. Do not use ssr: false from a Server Component.
Name the poor metric, heavy UI boundary, imported library or component, and exact line to split.