美文网首页
38-服务端渲染Vs客户端渲染

38-服务端渲染Vs客户端渲染

作者: 早起的鸟儿 | 来源:发表于2019-10-29 14:49 被阅读0次
一、区别

服务端:DOM树在服务端生成,然后返回给前端
客户端:前端去后台取数据生成DOM树
本质区别:谁生成了DOM结构,完成了Html拼接。

二、优缺点

服务端优点:页面加载速度快,有利于SEO优化,因为在后端有完整的html页面,所以爬虫更容易抓取信息。
缺点:对html的解析,对于前端来说加快了速度,但是加大了服务器的压力,也不利于前后端分离,开发效率慢。

客户端优点:有利于前后端分离,开发效率高,用户体验更好,我们将网站做成SPA(单页面应用),页面跳转的时候是局部刷新。
缺点:首屏加载时间长,不利于SEO优化,因为爬虫不认识SPA,所以它只是记录了一个页面。

三、项目中如何选择

如果是企业级的网站,主要功能是页面展示,没有复杂的交互,并且需要良好的SEO,则选择服务端渲染;如果是后台管理系统,交互性较强,不需要考虑SEO,则可以使用客户端渲染。
但是很多情况我们可以使用两种结合的方式,首页可以使用服务端渲染,其他页面使用客户端渲染,这样既保证了首屏加载速度快,也完成了前后端分离。

相关文章

  • SSR

    渲染:就是将数据和模版组装成html 客户端渲染(CSR) vs. 服务端渲染 (SSR)vs. 同构 客户端渲染...

  • vue预渲染

    服务端渲染VS预渲染  服务端渲染:将完整的 html 输出到客户端,又被认为是‘同构’或‘通用’        ...

  • nuxt

    想要学习nuxt.js,首先要弄清楚客户端渲染和服务端渲染这两个概念。 一、客户端渲染 VS 服务端渲染 1. 客...

  • vue2.0预渲染

    服务端渲染VS预渲染 1.服务端渲染:将完整的 html 输出到客户端,又被认为是‘同构’或‘通用’       ...

  • SSR服务端同构渲染

    页面渲染历史 服务端框架模板渲染 -> 客户端渲染 -> 服务端同构渲染(Server Side Render) ...

  • node 中使用模板引擎

    服务端渲染和客户端渲染的区别 客户端渲染不利于SEO搜索引擎优化 服务端渲染是可以被爬虫抓取到的,客户端异步渲染是...

  • 服务端渲染(SSR)

    一、服务端渲染与客户端渲染的差别 客户端渲染:服务端存放静态文件html,客户端发起请求,服务端不做任何修改,以资...

  • React SSR 原理与项目工程化

    客户端渲染和服务端渲染 客户端渲染 :顾名思义即 React 代码在客户端渲染执行,当项目启动首次请求服务端时服务...

  • 客户端渲染vs服务端渲染

    1、服务端渲染,依据数据构建HTML的技术称为服务端构建技术,页面和数据一起构建,然后浏览器渲染即可。2、客服端渲...

  • 服务端渲染 vs 客户端渲染

    概念 服务端渲染(吐)服务端在返回 html 之前,在特定的区域,符号里用数据填充,再给客户端,客户端只负责解析 ...

网友评论

      本文标题:38-服务端渲染Vs客户端渲染

      本文链接:https://www.haomeiwen.com/subject/rtgcmctx.html