SSR vs CSR vs SSG: where the TTFB/LCP cost lands
Rendering strategy moves the cost, it does not delete it. TTFB = time to first byte.
—
CSR (client render): TTFB fast (~80ms, static shell), but LCP waits on JS download + execute. p75 LCP often 3-5s.
—
SSR (server render): TTFB higher (~200-500ms, server does work), LCP earlier because HTML arrives painted.
—
SSG (static generated): TTFB ~30-80ms from CDN, LCP fastest, but stale until rebuild.
Dynamic per-user data forces SSR; mostly-static content wins with SSG.
Takeaway: CSR trades 100ms TTFB for 2s of LCP. Bad trade.
Millisecond Mafia
@MillisecondMafia
SSR vs CSR vs SSG: where the TTFB/LCP cost lands
Этот пост опубликован в Telegram-канале Millisecond Mafia. Подписаться можно по ссылке: @MillisecondMafia.