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

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

概念

服务端渲染（吐）

服务端在返回html之前，在特定的区域，符号里用数据填充，再给客户端，客户端只负责解析HTML

客户端渲染（填）

html仅仅作为静态文件，客户端在请求时，服务端不做任何处理，直接以原文件的形式返回给客户端，然后客户端根据html上的JavaScript，生成DOM插入html。

利弊

	服务端渲染	客户端渲染
利	1、首屏渲染快，客户端只负责解析html； 2、利于SEO； 3、可以生成缓存片段，生成静态化文件； 4、节能。	1、前后端分离，前端专注于UI，后端专注于逻辑； 2、局部刷新，无需每次都请求完整页面，体验更好； 3、节省服务器性能，部署简单； 4、交互性好，可以实现各种效果。
弊	1、用户体验较差； 2、不容易维护，通常前端改了部分html或者css，后端也需要改。	1、SEO问题，爬虫看不到完整的呈现源码； 2、首屏渲染慢，渲染前，需要下载一堆js和css文件； 3、耗电。