服务端渲染 VS 客户端渲染
初步理解：
服务端渲染
服务器渲染的特点
- 不足
我们看到的内容都是在服务器端渲染完的（JSP、PHP、ASP、ASP.NET、NODE...），客户端只是把所有渲染好的内容呈现在页面中而已，然而我们第一次渲染完，页面中的某部分数据要更新了，我们需要让服务器整体重新的渲染一次，把最新的页面(包含最新的数据)返回给客户端，客户端只能整体刷新页面展示最新的内容 => “全局刷新” 性能和体验等都非常的差，而且服务器压力也很大...
- 优点
如果服务器性能比较高，页面呈现出来的速度会快一些，因为只要从服务器拿到内容，一切信息都已经准备好了
由于内容在服务器端就已经渲染好了，所以页面渲染完成后，在页面的源代码中都可以看到内容，有利于SEO搜索引擎优化
客户端渲染
优点
可以实现页面中内容局部刷新，而且渲染的操作交给客户端来做，这样的来处理，性能体验更好，也减轻了服务器的压力
而且它还可以实现只把部分区域数据获取到，也即是不会一次全拿到整个页面的数据，等用户的滚动到某个区域后再请求对应的数据，实现数据的分批异步加载
不足
由于客户端渲染的内容没有出现在页面的原代码中，不利于SEO优化
进一步总结：
服务端渲染（Server-Side Rendering，SSR）和客户端渲染（Client-Side Rendering，CSR）是两种不同的方式来生成和呈现网页内容的方法。它们有以下区别：
- 数据获取和页面生成的地点：
服务端渲染：在服务器端完成数据获取和页面生成，并将最终的 HTML 页面发送给客户端。服务器会根据请求的 URL 生成相应的 HTML 内容，然后将其发送给浏览器。
客户端渲染：在客户端（通常是浏览器）中使用 JavaScript 代码执行数据获取和页面渲染。浏览器会下载 HTML 文件和相关的 JavaScript、CSS 和其他静态资源，然后在客户端执行 JavaScript 代码生成并渲染页面。
- 加载和渲染速度：
服务端渲染：由于服务器在返回 HTML 页面之前已经完成数据获取和页面生成，因此浏览器可以立即显示完整的页面内容。这可以提供更快的初始加载速度，因为用户无需等待所有 JavaScript 文件都被下载和执行。
客户端渲染：浏览器需要先下载 HTML 文件，然后再下载执行所需的 JavaScript 代码，最后才能生成并渲染页面。这可能会导致较慢的初始加载速度，尤其是在网络条件不理想或页面复杂时。不过，一旦初始加载完成，后续的页面切换可能会更快，因为只需要获取数据并更新部分内容。
搜索引擎优化（SEO）：
服务端渲染：由于服务器返回的是完整的 HTML 页面，搜索引擎可以直接解析和索引其中的内容，有利于网页在搜索结果中的排名和展示。
客户端渲染：由于初始返回的 HTML 文件可能是没有具体内容的骨架框架，并且页面内容是通过 JavaScript 动态生成的，搜索引擎可能无法正确解析和索引页面内容。尽管搜索引擎对客户端渲染的支持有所改善，但仍然存在一些限制。
综上所述，服务端渲染适合追求快速初始加载和 SEO 的需求，而客户端渲染则更适合需要复杂交互和动态内容更新的应用。根据项目需求和优化目标选择合适的渲染方式是很重要的。
