ssr 与 传统套模板的区别是什么？

Question

ssr 出静态页面返回浏览器，和传统的后端拿数据填充到模板再返回浏览器，看起来是一个意思，您能说说这两者有哪些区别吗？ 一般来说前端用vue react做的话，最后编译打包的html都不会有dom给后台去当模板填充数据的，而ssr的真正原理是啥？

Answer 1

SSR 技术术语是 service side render，服务端渲染。

与传统套模版区别：

1. SSR属于前后端分离领域才出现的，服务器端渲染（ssr）与 node 中间层是同一个概念。服务器端渲染（ssr）一般特指，在上 node 中间层基础上，加上前端组件化技术在服务器上的渲染，特别是 react 和 vue。
2. SSR主要解决的优化首屏加载的问题与首屏SEO，区别与模版渲染的整体项目加载。其中对比传统模版渲染，首屏加载是要快不少的，而与前后端分离的纯客户端渲染对比，SSR首屏的用户体验更好，提前加载HTML数据结构，以及优化SEO。

Answer 2

看到了 SSR 就想到个游戏 然后~~问题就看不下去了