什么是SSR？_Rendering_网站也是这样只有那些需要更新的页面才会重新生成

什么是SSR？

SSR，全称服务器端渲染（Server-Side Rendering），就像在网站的服务器上先做好页面的样子，然后直接发到用户的浏览器上。这样用户打开网站就能立刻看到页面，就像看电视剧的预告片一样，不用等剧情慢慢展开。Vue、React、Angular这些流行的单页面应用都可以用SSR来提高速度和用户体验。

SSR的好处

相比起那些页面内容要在浏览器上一点一点加载的客户端渲染，SSR有几个明显的优势：

• 更好的SEO：搜索引擎蜘蛛能更好地爬取和理解你的页面内容。
• 更快的首屏加载速度：页面已经是在服务器上准备好了的，用户几乎瞬间就能看到。
• 更好的用户体验：谁不喜欢一打开网站就能看到精彩内容呢？

什么是SSG？

SSG，全称静态站点生成（Static Site Generation），就像你在制作一本杂志，先准备好所有内容，然后一次性印刷出来。网站也是这样，先在服务器上生成所有页面的静态HTML文件，用户访问的时候直接读取这些文件。

SSG的好处

相比于动态网站，静态网站有几个优点：

• 更快的加载速度：不需要数据库查询，直接读取HTML文件，就像看一本现成的书。
• 更低的成本：不需要昂贵的服务器和数据库服务，免费的静态网站托管服务（比如GitHub Pages）就能满足需求。
• 更好的安全性：静态网站不容易被攻击，因为它们没有动态内容可以攻击。

什么是ISR？

ISR，全称增量静态再生（Incremental Static Regeneration），就像是你的杂志需要更新一些内容，不是全部重印，而是只更新那几页。网站也是这样，只有那些需要更新的页面才会重新生成。

ISR的好处

ISR相对于SSG有几个优势：

• 更快的更新速度：只需要更新必要的页面，效率更高。
• 更好的用户体验：用户不会看到过时的内容，因为只有更新后的页面才会被访问。

什么是DPR？

DPR，全称动态预渲染（Dynamic Pre-Rendering），就像是你的杂志的一部分内容已经准备好了，等用户翻到那一页的时候，其他的部分会动态生成。网站也是这样，部分页面会预先渲染成静态的，用户访问时再动态加载。

DPR的好处

DPR有几个明显的优势：

• 更快的首屏加载速度：预渲染的部分能快速显示，用户不会等太久。
• 更好的SEO：搜索引擎可以更好地索引预渲染的内容。
• 更好的用户体验：页面加载快，用户心情好。

延伸阅读：SSR的详细解释

SSR就是服务器端的页面渲染技术，简单来说就是服务端先写好HTML，然后发给浏览器。早期的网站技术比如PHP、ASP、JSP都是用的SSR。现在，随着React等技术栈的发展，SSR的实现方式也有所不同，服务器端构建的时候会有更多的选择。