在这里提到了前端渲染和后端渲染,他们各自都有自己的上风吧。前端渲染的上风包括:可以局部刷新、可以实现
随着技能的发展,像Vue和React框架已经能够实现很好的同构渲染,也便是我们常说的SSR,比如说nuxt.js和next.js。在前端渲染非常普遍的本日,我们为什么会有同构渲染的技能涌现呢?
上面已经先容到了,同构渲染实在可以办理首屏加载缓慢和SEO的优化问题。
传统的搜索引擎通过从 HTML文件 中抓取我们所须要的数据,这样的话前端渲染的页面就无法被抓取到。开拓过vue和react项目的开拓者都知道,我们常利用的 SPA 会把所有 JS 整体打包,不可忽略的一个问题便是文件太大,导致渲染前等待很永劫光。特殊是网速差的时候,让用户等待白屏结束并非一个很好的体验。
做事端渲染可以先将利用的数据渲染成终极 HTML 直接展示,空想情形下能避免白屏问题。但是凡事无绝对,如果一个页面的数据量过大,那也不可避免的会有等待情形的发生。
说到PHP,JSP的渲染模式,他们都是前端写完页面之后交给后端,后端通过模板引擎渲染出来的HTML页面,后缀名为php或者jsp。通过中的SSR实在事理也是一样的,只不过多了一层CSH而已,它的实现须要做事端供应一份初始化的数据。