SSR 时序图

SSR 时序图理解

• get bundle.js 是在服务端发起，所以利用 stream 在 bundle.js 没处理完但 DATA 已经全部获取即可先把拼装好的静态页面返回浏览器（所以图中是 DATA 完毕接着 FCP）以便尽快呈现能容给用户（再等服务端处理完所有 bundle.js） ，同时由于流式处理数据服务端也是一边获取解析一边传送给客户端。所以 bundle.js 是先经过服务端请求，服务端流式获取再流式响应给客户端。

参考

• rendering on the web
• 前端技术发展回顾和架构升级之路