> Markdown version of [/videos/2135-wearedevelopers-live-streaming-html?t=160](https://www.wearedevelopers.com/videos/2135-wearedevelopers-live-streaming-html?t=160). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# WeAreDevelopers LIVE - Streaming HTML

Jad proves that writing less JavaScript is your ultimate performance win. Master asynchronous HTML streaming to dramatically improve LCP and natively recreate React-style suspense boundaries.

- **Speakers:** [Chris Heilmann](https://www.wearedevelopers.com/@chris-heilmann), [Daniel Cranney](https://www.wearedevelopers.com/@daniel-cranney), Jad Joubran
- **Event:** WeAreDevelopers LIVE
- **Published:** July 29, 2026
- **Duration:** 1:10:26
- **URL:** https://www.wearedevelopers.com/videos/2135-wearedevelopers-live-streaming-html

## Summary

The episode explores the evolving landscape of web development, contrasting the heavy reliance on build tools with the raw computational power of modern browsers. In a discussion with Jad, creator of LearnJavaScript.online, the conversation covers how interactive, in-browser execution environments manage architectural challenges—such as mitigating rogue infinite loops triggered by React's useEffect—before pivoting to the cultural impact of AI tools and the influx of generated content in e-commerce. Transitioning to the technical focal point, Jad demonstrates streaming HTML directly in the browser using Declarative Partial Updates (DPU). By repurposing legacy XML processing instructions (like marker or start and end tags) in tandem with the HTML template element, developers can stream heavy DOM structures asynchronously without client-side JavaScript. This drastically improves web performance metrics like Largest Contentful Paint (LCP) by preventing parser-blocking payloads. These bleeding-edge browser capabilities effectively recreate React-style suspense boundaries natively, enabling multi-page applications to deliver the snappy experience of single-page apps. Coupled with modern specs like bare scoped CSS, developers gain a pragmatic midpoint between global stylesheets and restrictive Shadow DOM implementations. While pushing these UI boundaries requires ongoing scrutiny regarding security and the DOM accessibility tree, the overarching takeaway is clear: "the less JavaScript you're doing to rehydrate and inject stuff should be a big win," signaling a promising shift toward resilient, HTML-first web architectures.

**Keywords:** streaming html, declarative partial updates, javascript infinite loop detection, html template streaming, largest contentful paint optimization, bare scoped css, native suspense boundaries, javascript hydration reduction, dom accessibility tree, ai-generated e-commerce content, local ai models, multi-page application performance, shadow dom alternatives, xml processing instructions, html-first web architecture

## Chapters

1. **Discussing developer conferences and upcoming We Are Developers events** (00:04) — Recent travel experiences offer new perspectives for planning the upcoming North American developer congress.
1. **Powering interactive JavaScript learning environments in the browser** (02:40) — Modern web capabilities enable just-in-time compilation and immediate feedback for browser-based coding platforms.
1. **Managing infinite loops and execution limits in sandboxed environments** (09:20) — Sandboxed development environments require strong execution limits and automated loop detection to prevent browser crashes.
1. **The push for responsible AI through open security alliances** (13:33) — Industry leaders are collaborating on open security alliances to prevent rogue actions in artificial intelligence models.
1. **Building document outline table of contents for better accessibility** (16:08) — Handling complex edge cases in heading structures improves user experience and accessibility for long-form content.
1. **Optimizing AI token consumption and running local language models** (20:37) — Leveraging local machines and reducing unnecessary logs helps optimize token consumption during AI development.
1. **Cracking down on misleading AI generated product imagery** (23:58) — New regulations mandate clear labels for artificial intelligence assets to maintain consumer trust during online shopping.
1. **Exploring browser limits with JavaScript golfing and weird hacks** (28:26) — Developers continuously test boundaries of browser rendering engines through extreme code constraints and satirical projects.
1. **Guessing bizarre tech headlines in the Fake or News game** (35:31) — A lightning review of current events explores the difference between real technological breakthroughs and fabricated headlines.
1. **Streaming HTML content natively using declarative processing instructions** (40:54) — Undocumented XML processing instructions combine with template tags to replace document structures without executing scripts.
1. **Optimizing largest contentful paint by deferring heavy UI components** (47:07) — Deferring the load time of heavy user interface chunks optimizes the largest contentful paint metric.
1. **Developing intermediate component patterns with bare block CSS scopes** (50:15) — Targeted templates and native style scopes offer a lightweight alternative to strict shadow document object boundaries.
1. **Achieving single page application transitions using declarative patches** (54:20) — Intercepting web navigation to fetch parsed document patches recreates seamless single page application transitions natively.
1. **Addressing accessibility and script execution in streamed HTML updates** (59:01) — Dynamically injecting document fragments uncovers deeper challenges in maintaining resilient applications and accurate assistive technologies.

## Related Moments

- [Expanding JavaScript horizons with WebAssembly and backend possibilities](https://www.wearedevelopers.com/videos/118-how-to-stop-choosing-javascript-frameworks-and-start-living) (from "How to Stop Choosing JavaScript Frameworks and Start Living")
- [Audience Q&A on browser support and custom API capabilities](https://www.wearedevelopers.com/videos/641-is-css-houdini-finally-usable-in-2023) (from "Is CSS Houdini finally usable in 2023?")
- [Implementing dynamic interfaces without custom frontend code](https://www.wearedevelopers.com/videos/1427-how-to-kill-javascript-from-your-stack-with-htmx-and-kotlin) (from "How to kill JavaScript from your Stack with HTMX and Kotlin")
- [Modern JavaScript loop optimization and CSS innovations](https://www.wearedevelopers.com/videos/1786-wearedevelopers-live-ai-freelancing-keeping-up-with-tech-and-more) (from "WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More")
- [The case for the web as a developmental platform](https://www.wearedevelopers.com/videos/293-native-web-apps-are-we-there-yet) (from "Native Web Apps: Are We There Yet?")
- [Transitioning native desktop graphics implementations to the web](https://www.wearedevelopers.com/videos/1794-wearedevelopers-live-from-javascript-to-webassembly-high-performance-charting-and-more) (from "WeAreDevelopers LIVE – From JavaScript to WebAssembly, High-Performance Charting and More")

## Related Articles

- [Dev Digest 132 - Binging WADFlix?](https://www.wearedevelopers.com/magazine/473-dev-digest-132-binging-wadflix)
- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [Dev Digest 130 - The Diablo is in the details](https://www.wearedevelopers.com/magazine/470-dev-digest-130-the-diablo-is-in-the-details)
- [Dev Digest 124 - None like it hot](https://www.wearedevelopers.com/magazine/460-dev-digest-124-none-like-it-hot)

## Related Jobs

- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/639235-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/679408-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/644637-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/645320-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/646086-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Junior Frontend Engineer](https://www.wearedevelopers.com/jobs/ext/1532351-junior-frontend-engineer) at **Almedia**