Support declarative Shadow DOM

[StephanSchmidt]

Browsers now (or in the near future) support declarative Shadow DOM.

https://caniuse.com/declarative-shadow-dom

You can then render <slot name="content"></slot>, stream this to the client, then later stream <div slot="content">Rendered with content</div> and the browser will replace the slot with the new content without the need for Javascript.

The content could come from a Go channel e.g. reading from a database, and the page could still be sent (header, footer, nav) with the data replacing the placeholder as soon as the channel delivers results.

AJAX without Javascript for a faster Time to First Byte (TTFB).

For a demo see https://ooo.lamplightdev.workers.dev/

It's like Metas BigPipe (2010) but without Javascript

https://engineering.fb.com/2010/06/04/web/bigpipe-pipelining-web-pages-for-high-performance/

[gedw99]

thats amazing. thanks for this.