server side rendering/ssr csr Rehydration Prerendering

performance :
TTFB: 第一个字节的时间 – 被视为点击链接和第一个内容之间的时间。
FP: First Paint – 第一次任何像素变得对用户可见。
FCP: First Contentful Paint – 请求内容(文章正文等)变得可见的时间。
TTI: 交互时间 – 页面变为交互的时间(连接的事件等)。

static rendering

静态渲染 在构建时发生,并提供快速的First Paint,First Contentful Paint和Time To Interactive – 假设客户端JS的数量有限。

静态渲染的一个缺点是必须为每个可能的URL生成单独的HTML文件。如果您无法提前预测这些URL的内容,或者对于具有大量唯一页面的网站,这可能具有挑战性甚至是不可行的。

React用户可能熟悉GatsbyNext.js静态导出Navi – 所有这些都可以方便作者使用组件。但是,了解静态呈现和预呈现之间的区别非常重要:静态呈现页面是交互式的,无需执行太多客户端JS,而预呈现改进了必须启动的单页应用程序的First Paint或First Contentful Paint客户端,以使页面真正具有交互性。

Leave a Reply

Your email address will not be published. Required fields are marked *