Next.js page cut from 854 KB to 459 KB by trimming duplicated RSC payload data
A developer's /projects page built with Next.js 16 shipped 854 KB of HTML for 49 projects, largely because identical strings were repeated. In the App Router, such repeats are sent twice, once in the HTML and again in the inline React Server Components payload. The author reduced the page to 459 KB through three changes: an SVG sprite for icons, JSON-LD linking to detail pages instead of copying them, and named Tailwind utilities for row classes. A fourth change stopped the page from prefetching 36 unneeded routes. The author notes that compression hides this duplication in transfer size, though devices still must decompress and parse the full payload.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)
Log in to join the discussion and vote.
Log in