SSR/SSG/ISR/DPR都在做什么

SSR服务器端渲染，将Vue、React、Angular等单页面应用在服务器端进行渲染。SSG静态站点生成，将网站预先生成为静态文件。ISR是增量静态再生，将某些需要更新的页面在后台进行重新生成。DPR是动态预渲染，将网站部分预渲染为静态网页，然后在用户访问时进行动态渲染。

SSR

SSR指的是服务器端渲染（Server－Side Rendering），它是一种将Vue、React、Angular等单页面应用在服务器端进行渲染的技术。相对于传统的客户端渲染（Client－Side Rendering），SSR的优势在于：

更好的SEO（Search Engine Optimization）：搜索引擎可以更好地抓取网站的内容；

更快的首屏加载速度：由于服务器端已经将网页渲染完成，用户可以更快地看到首屏内容；

更好的用户体验：由于首屏渲染较快，用户更容易产生好感。

SSG

SSG指的是静态站点生成（Static Site Generation），它是一种将网站预先生成为静态文件的技术。相对于动态网站，静态网站的优势在于：

更快的加载速度：由于无需进行数据库查询和动态渲染，静态网站的加载速度更快；

更低的成本：无需购买服务器和数据库等服务，可以使用免费的静态网站托管服务（如GitHub Pages）；

更好的安全性：无法通过动态攻击手段来攻击静态网站。

ISR

ISR指的是增量静态再生（Incremental Static Regeneration），它是一种将某些需要更新的页面在后台进行重新生成的技术。相对于SSG，ISR的优势在于：

更快的更新速度：由于只需要重新生成需要更新的页面，更新速度更快；

更好的用户体验：由于可以在后台进行更新，用户不会看到过时的内容。

DPR

DPR指的是动态预渲染（Dynamic Pre－Rendering），它是一种将网站部分预渲染为静态网页，然后在用户访问时进行动态渲染的技术。相对于传统的客户端渲染，DPR的优势在于：

更快的首屏加载速度：由于部分页面已经预渲染为静态网页，用户可以更快地看到首屏内容；

更好的SEO：搜索引擎可以更好地抓取网站的内容；

更好的用户体验：由于首屏渲染较快，用户更容易产生好感。

延伸阅读：

什么是SSR？

服务器端渲染（Server－Side Rendering）是指由服务侧完成页面的 HTML 结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程。

SSR简单理解就是html是由服务端写出，可以动态改变页面内容，即所谓的动态页面。早年的php、asp、jsp这些Server page都是SSR的。但基于React技术栈，又有些许不同，server bundle构建的 时候，要吐多少模块，是server端决定的。client bundle和之前一样，差别在于这次是hydrate，而非render。