[JavaScript知识库]SSR与CSR

客户端渲染（CSR）

客户端渲染简单理解就是浏览器发送页面请求，服务器返回的是一个模板页面，浏览器从上至下解析过程中需要发送ajax请求获取数据，最后再调用模板引擎（art-template等）渲染HTML结构，并把渲染后的结果添加到页面指定容器中。页面由js渲染，js运行于浏览器端，所以称客户端渲染。
基于react的csr渲染流程：
浏览器下载html文档→下载js→运行react代码渲染页面→展示页面

优点：

1.前后端分离的架构，利于开发效率的提升

缺点：

1.首屏渲染时间长
2.不利于搜索引擎优化

服务端渲染（SSR）

浏览器发送请求后，服务器把客户端网页和数据在后台渲染解析，之后把渲染后的结果返回客户端。
流程：服务器生成html→浏览器从服务器下载html→页面展示。