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
Explore this link on the map →related reading
- The weirdly obscure art of Streamed HTML - DEV Communitydev.to
- App Router: Streaming | Next.jsnextjs.org
- Making Sense of React Server Components • Josh W. Comeaujoshwcomeau.com
- File-system conventions: loading.js | Next.jsnextjs.org
- Navigating the future of frontendfrontendmastery.com
- Which web frontend architecture fits best?workingsoftware.dev
- New Suspense SSR Architecture in React 18 · reactwg/react-18 · Discussion #37 · GitHubgithub.com
- renderToPipeableStream – Reactreact.dev
- Chris James - HTMX is the Futurequii.dev
- Web Applications 101 - Robin Wieruchrobinwieruch.de
- How building an HTML-first site doubled our users overnightmohkohn.co.uk
- The new wave of Javascript web frameworksfrontendmastery.com