服务端渲染 客户端渲染 区别

何为渲染？
页面上的数据要发生更新，就是渲染。

这个工作放在服务器进行就是服务器渲染，放在浏览器进行就是浏览器渲染。

服务器端渲染，指的是后台语言通过一些模板引擎生成 html。

浏览器端渲染，指的是用 js 去生成 html，前端做路由。

浏览器端渲染路线：
请求一个 html。
服务端返回一个 html。
浏览器下载 html 里面的 js/css 文件。
等待 js 文件下载完成。
等待 js 加载并初始化完成。
由 js 代码向后端请求数据（ajax/fetch）。
等待后端数据返回。
客户端从无到完整地，把数据渲染为响应页面。
服务端渲染路线：
请求一个 html。
服务端请求数据
服务器初始渲染。
服务端返回已经有正确内容的页面。
客户端请求 js/css 文件。
等待 js 文件下载完成。
等待 js 加载并初始化完成。

原文：https://blog.csdn.net/huangpb123/article/details/83592258