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.

Feb 22, 2025 - 15:05
 0
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.