Streaming HTML – Frontend Masters Blog
I admit I went pretty far in my web development career without understanding that Streamed HTML is a thing. And while I’m admitting things, I’m still not 100% sure when it’s an ideal solution and how best to take advantage of it. But knowing is half the battle sometimes, so let me get into some research and recent writings about it. Quick summary: Streamed HTML is as you imagine it. Rather than serving the entire HTML document at once, servers serve pieces of it. The browser gets these pieces and can start working on them, even rendering them, so the page can appear to load more quickly. It’s similar to how a progressive JPG loads or how video tends to “stream” as it plays on the web. While browsers can handle it, the rather large caveat is that not all other languages and frameworks are built to handle it. The first I heard of it was in Taylor Hunt’s The weirdly obscure art of Streamed HTML. At a time, he was doing work for Kroger grocery stores. Every website should have a goal of be
HTML Streaming HTML Web Components Streaming HTML Chris Coyier on March 11, 2024 I admit I went pretty far in my web development career without understanding that Streamed HTML is a thing. And while I’m admitting things, I’m still not 100% sure when it’s an ideal solution and how best to take advantage of it. But knowing is half the battle sometimes, so let me get into some research and recent writings about it. Quick summary: Streamed HTML is as you imagine it. Rather than serving the entire HTML document at once, servers serve pieces of it. The browser gets these pieces and
related reading
- The weirdly obscure art of Streamed HTML - DEV Communitydev.to
- playhtml — make the web feel aliveplayhtml.fun
- App Router: Streaming | Next.jsnextjs.org
- Navigating the future of frontendfrontendmastery.com
- New Suspense SSR Architecture in React 18 · reactwg/react-18 · Discussion #37 · GitHubgithub.com
- renderToPipeableStream – Reactreact.dev
- The Descent — What Happened to the Frontend While You Weren't Watchingdavidpoblador.com
- File-system conventions: loading.js | Next.jsnextjs.org
- Making Sense of React Server Components • Josh W. Comeaujoshwcomeau.com
- The new wave of Javascript web frameworksfrontendmastery.com
- Which web frontend architecture fits best?workingsoftware.dev
- Chris James - HTMX is the Futurequii.dev