I use stream to get a nice FCP
As shown in the diagram, when rendering a large number of elements in a window, I use streaming to send them, prioritizing the most important ones first. This allows the browser to render them first, resulting in a faster First Contentful Paint (FCP). While streaming is effective, it doesn't seem to be widely used in production environments, and I don't know why, Does anyone know? the product git is:https://github.com/candisecandise/egg-vue-stream-demo, I used Egg.js and Vue.js to implement this demo.

As shown in the diagram, when rendering a large number of elements in a window, I use streaming to send them, prioritizing the most important ones first. This allows the browser to render them first, resulting in a faster First Contentful Paint (FCP). While streaming is effective, it doesn't seem to be widely used in production environments, and I don't know why, Does anyone know?
the product git is:https://github.com/candisecandise/egg-vue-stream-demo, I used Egg.js and Vue.js to implement this demo.