浏览器渲染最小Chunk Size及理想Flush块大小咨询
Awesome question—this is such a common pitfall when building BigPipe-style streaming frameworks, and I’ve wrestled with exactly this issue while working on progressive rendering systems. Let’s break this down clearly:
核心建议：首次Flush块至少1KB，稳妥可选2KB-4KB
绝大多数现代浏览器对HTTP响应都有一个内部缓冲区（通常默认是1KB左右，不同浏览器略有差异）。只有当缓冲区积累到足够数据时，浏览器才会启动DOM解析和渲染流程。如果你的首次Flush块小于这个阈值，浏览器可能会卡住等待更多数据，完全浪费了你做渐进式渲染的初衷。我个人通常会把首次块设为2KB以上，确保能触发所有主流浏览器的即时解析。块大小不是唯一指标，内容“可渲染性”更关键
就算块大小达标，如果你Flush的是不完整的HTML片段（比如半闭合的标签、未结束的脚本块），浏览器也不会开始渲染。所以首次Flush一定要包含完整的<head>部分（至少是关键CSS、字体预加载、首屏必需的JS），加上页面首屏可见区域的完整DOM结构。这样浏览器拿到数据后能立刻开始解析样式、构建DOM，真正实现渐进式渲染的效果。后续Flush块可以更灵活调整
首次块之后，后续的组件内容Flush就不用死守固定大小了：如果是多个小组件，可以合并成一个1KB-4KB的块再发送（避免过多小块带来的网络 overhead）；如果是大型组件，可以拆分成几个4KB左右的块，让用户能逐步看到内容加载，而不是等很久才出完整组件。一定要在目标浏览器做实际测试
虽然主流浏览器的缓冲区阈值都在1KB上下，但Safari、Firefox这类浏览器可能有细微差别。建议用Chrome DevTools的「Performance」面板观察：设置不同的首次块大小，看浏览器什么时候开始触发DOM解析和首屏渲染，根据测试结果调整你的块大小阈值。
内容的提问来源于stack exchange，提问作者Ahmet Can Güven
