Skip to content

Latest commit

 

History

History
27 lines (15 loc) · 1.5 KB

README-zh.md

File metadata and controls

27 lines (15 loc) · 1.5 KB

Pareto

English Version

Pareto 是一个以流式渲染为核心的 SSR(服务器端渲染)框架。 它的目标不是一个类似 next.js 或者 remix 的全栈框架,而是旨在对常规的 SSR应用进行增强。

你可以直接用 pareto 来新建应用,也可以参考这个模板来为你自己的 SSR 应用支持流式渲染功能。

目的

在SSR应用中接入流式渲染是一个复杂的过程,并且遗憾的是,没有一些好的实践来告诉我们怎么接入流式渲染。像next.js 干脆将 server component 和流式渲染强行绑定了,而 remix 也需要使用它自定义的 deferloader 逻辑。

关于流式渲染

关于流式渲染的文章,可以参考 https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming#what-is-streaming reactwg/react-18#22

简而言之,流式渲染相较于传统的SSR能够改善您的FCP(首次内容绘制)和TTFB(首字节时间)指标。这种改进很显著,因为现在我们不必等待服务器上所有并行接口的返回。我们可以“流式传输”返回时间最长的接口。

赞助我

如果我的工作对你有帮助,考虑给我买杯咖啡吧,非常感谢!

Wechat Pay Ali Pay