跳到主要内容

认识

一、认识


SSR(Sever Side Rendering) 服务端渲染, 就是将服务端生成好完整的 HTML 内容,直接返回给浏览器,浏览器能够根据 HTML 渲染出完整的首屏内容,而不需要依赖 JS 的加载,这样一方面能够降低首屏渲染的时间,另一方面也能将完整的页面内容展现给搜索引擎的爬虫,利于 SEO。当然,SSR 中只能生成页面的内容和结构,并不能完成事件绑定,因此需要在浏览器中执行 CSRJS 脚本,完成事件绑定,让页面拥有交互的能力,这个过程被称作hydrate(翻译为注水或者激活)。同时,像这样服务端渲染 + 客户端 hydrate 的应用也被称为同构应用。

SSR_SPASSR模式与SPA模式的结合。服务端渲染出完整的首屏的 DOM结构返回, 前端拿到的内容包括首屏以及完整 SPA 结构, 应用激活后依然按照 SPA 方式运行。 也就是说: SSR_SPA 第一次打开页面是服务端渲染,基于第一次访问,用户的后续交互是SPA的效果和体验。这样既有SPA的体验和效果,又解决了首屏加载过长SEO不友好问题

但是要实现两种技术的结合,同时可以最大限度的同构代码,减少开发维护成本,需要采用react或者vue等前端框架和node(ssr)相结合的方式来实现。