SSR

在传统SSR中,首屏渲染时,服务端会向浏览器输出HTML结构。

当浏览器渲染HTML后,再执行前端框架的初始化逻辑,为HTML结构绑定事件,这一步叫hydrate(注水)。

hydrate完成后,页面才能响应用户交互。

也就是说,只有当整个页面所有组件hydrate完成后,页面中任一组件才能响应用户交互。

Chrome LightHouse跑分中的TTI(Time to Interactive,可交互时间)指标用于衡量页面变得完全可交互所需的时间

传统SSR架构的页面随着应用体积变大,TTI指标会持续走高。

孤岛架构的目的就是为了优化SSR架构下TTI指标的问题。

参考文章

PPR