美文网首页
服务端渲染SSR

服务端渲染SSR

作者: quanCN | 来源:发表于2020-11-22 00:25 被阅读0次

什么是服务端渲染

  • SSR(server side render)
    简单理解是将组件或页面通过服务器生成html字符串,再发送到浏览器,最后将静态标记"混合"为客户端上完全交互的应用程序

服务端渲染VS客户端渲染

  • 服务器端
    如图页面使用了服务端渲染,当请求user页面时,返回的body里已经有了首屏的html结构,之后结合css显示出来


    • 优点
      SEO 友好、首屏渲染快、单个页面来看性能较好(一般 JS 只是辅助,代码量会比较小,服务器性能是可以加钱提升)
    • 缺点
      开发条件所限,更大的服务器端负载
  • 客户端渲染
    如图页面没使用服务渲染,当请求user页面时,返回的body里为空,之后执行js将html结构注入到body里,结合css显示出来


    • 优点
      节省后端资源,局部刷新页面,多端渲染,前后端分离
    • 缺点
      首屏性能差,白屏,无法(很难)进行SEO

注:SEO(Search Engine Optimization),搜索引擎优化

后端渲染框架

相关文章

  • vue 服务端渲染简介和实践

    什么是 ssr ssr , Server Side Render的简称, 服务端渲染. 首先服务端渲染并不神秘, ...

  • vuessr

    vueSSR 什么是ssr 服务端渲染(ssr),相比客户端渲染,服务端返回的dom一般为 ,剩下的渲染过程都是...

  • 07 Vue 服务端渲染 SSR

    07服务端渲染SSR 理解 SSR 传统 web 开发 传统 web 开发,网页内容在服务端渲染完成,一次性传输到...

  • 搭建Vue的SSR服务端渲染

    SSR是什么 SSR:Server Side Rendering服务端渲染,由服务器进行渲染并返回给客户端渲染完成...

  • 本期小结(二)

    vue★ vue-ssr服务端渲染简单例子 vue-ssr服务端渲染框架Nuxt.js vue2.0仿饿了么web...

  • SPA与SSR融合

    服务端渲染demo思路 SPA与SSR融合

  • 前端福音:Serverless 和 SSR 的天作之合

    什么是 SSR SSR 顾名思义就是 Server-Side Render, 即服务端渲染。原理很简单,就是服务端...

  • Next.js 初试

    title: next.js入门tag:next.js, react 序章 服务端渲染 服务端渲染(SSR: Se...

  • 从壹开始前后端分离 [ Vue2.0+.NetCore2.1]

    前言 书接上文,昨天简单的说到了 SSR 服务端渲染的相关内容《二十五║初探SSR服务端渲染》,主要说明了相关概念...

  • SSR服务端渲染

    什么是SSR?,SSR有什么用? 服务端渲染(Server Side Render,简称“SSR”),服务器端直接...

网友评论

      本文标题:服务端渲染SSR

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