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

1、首先先来了解三个专业名词：

（1）SPA：单页面应用：只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源，公共资源仅需加载一次，常用于PC端网站，购物等网站。

      优点：页面之间切换快，减少了服务器的压力

       缺点：首屏打开慢，不利于SEO搜索引擎优化，利用搜索引擎的规则是提高网站在有关搜索引擎的自然排名。

（2）SEO：搜索引擎优化，利用搜索引擎的规则提高网站在有关搜索引擎的自然排名

               因为SPA单页面应用，是通过AJAX获取数据，这就难保证我们的页面能被搜索引擎收到，并且有一些搜索引擎不支持js和通过ajax获取数据。那就更不用提SEO了，为了解决这个                问 题就产生了SSR。

（3）SSR服务端渲染：SSR的出现一定程度上解决了SPA首屏慢的问题，又极大的减少了SPA对于SEO的不利影响。

        优点：更快的响应时间，不用等待所有的js都下载完成，显示器便能显示出比较完整的页面；

                    更好的SSR，我们可以将SEO关键信息直接在后台渲染成html，从而保证了搜索引擎可以提取到相应数据。

       缺点：占用了大量的CPU和内存资源

2、接下来便是服务端渲染和客户端渲染的定义与区别

 服务端渲染：在早期的时候，由于页面比较简单，前后端