客户端渲染

• 客户端通过ajax向服务端发送请求，获取到数据后，通过JS生成DOM插入HTML页面，最终渲染给用户。
• 简单点说：客户端页面中的DOM是执行JS生成的。
• 特点：页面代码在浏览器查看不到源代码
• 因为DOM是JS动态生成的，所以在刚开始渲染出页面的时候是空白的，等加载完JS才会生成内容。
• 这个不管怎么首页渲染优化都会存在的空白问题。
• 加上loading效果和骨架屏只是在体验上好一定，并不会加快速度。

服务端渲染

• 在服务器完成HTML的拼接，然后再发送给浏览器，浏览器解析HTML并加载少量必要的JS，执行JS将页面进行激活。

简单点说说

• 服务端发送拼接好的HTML字符串和少量JS脚本给客户端
• 客户端只负责解析HTML，执行JS将页面进行激活

选择

1.seo优化 服务端渲染>客户端渲染 2.性能 服务端-->消耗服务器性能 客户端-->消耗客户端性能

客户端渲染会有白屏，seo等问题 白屏：loading，骨架屏