Streaming

[thescientist13]

Resolves

#5

Overview

Trying to experiment with streaming HTML and so created a yarn streaming command to test that out, but can't quite tell if it is working? Tried jacking up the HTML payloiad to 2.2MB and using a generator function + Buffer to break up the code and comparing that agains the same for yarn ssr

• Lighthouse scores seem about the same
• Due to the inflated size, JavaScript would (pre) load, but not execute, so as this page takes like 60 seconds to download, even with streaming, the events handlers and interactivity will not kick in until the very end, which is disappointing and perhaps defeats the value of streaming in some way? Or maybe that is the secret sauce things like Marko and Quick are able to solve for?
• I would expect the data to take about the same amount of time but in Chrome at least, for non streaming, the HTML appears to show up right away anyway? Figured I would get a blank page or something until the page was done? 🤔

TODO

1. Figure out a concrete way to benchmark Streaming vs Non Streaming
2. Test validate in other browsers
3. Figure out a way to have the JS kick even, even if the page is still loading / streaming
4. Looks like using a Buffer introduced an encoding issue in the footer text

---

An example someone shared on Twitter that might good to review.

[netlify]

✅ Deploy Preview for merry-caramel-524e61 ready!

Name	Link
🔨 Latest commit	1727471
🔍 Latest deploy log	https://app.netlify.com/sites/merry-caramel-524e61/deploys/626153fc42c8050009edca8d
😎 Deploy Preview	https://deploy-preview-1--merry-caramel-524e61.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[thescientist13]

should try it this way