美文网首页我爱编程
服务端渲染(SSR)

服务端渲染(SSR)

作者: 小黑_4b7c | 来源:发表于2018-04-08 16:04 被阅读0次

一、服务端渲染与客户端渲染的差别

客户端渲染:服务端存放静态文件html,客户端发起请求,服务端不做任何修改,以资源的形式返回给客户端,客户端根据html内的js代码对页面做相应的渲染。

服务端渲染:服务端先将html内特殊标记过的区域,进行数据填充,然后再返回给客户端。

二、服务端渲染的优缺点

优点:

1、服务端渲染不需要先下载一堆 js 和 css 后才能看到页面(首屏性能)

2、SEO

3、服务端渲染不用关心浏览器兼容性问题(随着浏览器发展,这个优点逐渐消失)

4、对于电量不给力的手机或平板,减少在客户端的电量消耗

缺点:

1、更复杂的开发,开发的代码需要兼容前后端的runtime

2、更复杂的构建和部署

3、加重服务器负载

三、什么时候需要服务端渲染

1、帮助网络爬虫(SEO)

2、提升在手机和低功耗设备上的性能

3、迅速显示出第首页

四、实践

react 服务端渲染实践

vue 服务端渲染


相关文章

  • 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/olabuxtx.html