Pure HTML Out-Of-Order Streaming (PHOOOS) is a HTML streaming technique based on widely supported Declarative Shadow DOM, as described in the recent article by Chris Haynes.
PHOOOS consists of three ingredients:
<!-- parts -->
where partials will be injected.For interactivity, you can use e.g. a lightweight pure CSS framework Spectre.css or a tiny HTML microframework HTMZ.
You can find the Node.js/PHP server-side demo app source code and static HTML/CSS files on GitHub.
As a bonus, you can add even more interactivity with HTMZ!
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Quis nostrud exercitation ullamco laboris nisi ut aliquip.
Excepteur sint occaecat cupidatat non proident, sunt in culpa.