服务器端渲染和客户端渲染

1.服务器端渲染

服务器端通过页面模板和数据生成HTML页面,返回给客户端。 页面模板保存在服务器端,数据通过业务逻辑生成。

优点

  • 传统而已

缺点

  • 如果服务器端由多种语言Nodejs,Ruby,Python构成,服务器端模板不好统一
  • 前端和后端开发的耦合度高,分工不易。
  • 系统用户量大时,服务器负荷高。

2.客户端渲染

服务器端把页面模板和模板需要的数据返回给客户端,在客户端通过js和浏览器渲染页面。

优点

-前端代码容易维护,降低于服务器的耦合度 -减少服务器端负载 -降低服务器响应流量(蚂蚱也是肉) -页面模板可以在前端缓存

缺点

  • SEO
  • 大页面加载时容易有白屏
  • 页面渲染的逻辑移到前端,代码暴漏(露点)
  • 如果页面渲染时请求数特别多,会加大服务器的负荷。

3.使用场景

  • 项目庞大,前端和后端分工不清,前端不能专注搞前端,后端不能专注搞后端,建议客户端渲染,服务器提供业务接口。SEO的问题可以用特定页面使用服务器渲染就可以了。
  • 项目小, 性能要求不高, 没有前后端解耦需求,看团队个人爱好。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏魏艾斯博客www.vpsss.net

宝塔面板一键部署可道云 KodExplorer 及简单应用

可道云 KodExplorer 在线文件管理系统是公司化运营的一个私有云盘/个人网盘,可以用于为用户提供安全可控、可靠易用、高扩展性的私有云解决方案。宝塔面板和...

3436
来自专栏WindCoder

WordPress开发人员犯的12个最严重的错误

原本之前还有篇ruby的,拖得时间有点久了,同时本身没想过去过多接触ruby,所以暂且就不再祸害那篇文章了,有兴趣的可自己去看Creating a Ruby D...

1431
来自专栏极乐技术社区

微信小程序跳坑指南系列《一》:新坑30枚

1、小程序名称可以由中文、数字、英文。长度在3-20个字符之间,一个中文字等于2个字符。 2、小程序名称不得与公众平台已有的订阅号、服务号重复。如提示重名,请更...

23610
来自专栏微信小程序开发

零基础入门小程序 &实战经验分享

讲师介绍:连胜老师曾经就职于点心移动 & 百度,折腾小程序也有段时间了,参与开发的“小小签到”小程序,在2017年荣获阿拉丁神灯奖。我公司开发了多个工具类小程序...

53813
来自专栏极乐技术社区

微信小程序开发需要注意的30个坑

1、小程序名称可以由中文、数字、英文。长度在3-20个字符之间,一个中文字等于2个字符。 2、小程序名称不得与公众平台已有的订阅号、服务号重复。如提示重名,请更...

3488
来自专栏较真的前端

关于如何做一个“优秀网站”的清单——规范篇

2297
来自专栏互联网杂技

Chrome 61 Beta版已支持JavaScript模块,Web支付API,Web Share API和WebUSB

Chrome 61 Beta版:JavaScript模块,桌面支付请求API,Web Share API,以及WebUSB 除非另有说明,否则下述更改适用于An...

2886
来自专栏极客编程

AngularJS应用开发思维之1:声明式界面

这篇博客之前承接上一篇:http://www.cnblogs.com/xuema/p/4335180.html

771
来自专栏finleyMa

storybook的介绍和使用 比较火的响应式UI开发及测试环境

storybook是一套最近比较火的响应式UI 开发及测试环境。 可以可视化开发调试react,vue组件 官网:https://github.com/st...

2244
来自专栏腾讯移动品质中心TMQ的专栏

【腾讯 TMQ】零基础学习 Fiddler 抓包改包

Fiddler 是一款 HTTP 协议调试代理工具,它能够抓取记录本机所有 HTTP(S) 请求,通过设置断点等方法我们可以任意修改进出 Fiddler 的数据...

1.5K0

扫码关注云+社区