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

1.服务器端渲染

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

优点

  • 传统而已

缺点

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

2.客户端渲染

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

优点

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

缺点

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

3.使用场景

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

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏PHP技术

23种设计模式彩图

设计模式可以让我们的代码更健壮,更易于理解和维护,从而显著提高系统的可靠性,稳定性,可维护性和可扩展性,这是成为优秀程序员和架构师的必备技能。 ?...

37511
来自专栏Django Scrapy

MVC、MTV简要说明

MVC/MTV介绍 MVC百度百科:全名Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写...

2896
来自专栏Danny的专栏

ASP.Net巧用窗体母版页

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huyuyang6688/article/...

632
来自专栏开源优测

python selenium2 架构说明

selenium技术族谱 ? selenium技术族谱 selenium家族图说明: 1、IDE 主要用来学习和对selenium技术有个初步的了解用,不适...

2787
来自专栏腾讯开源的专栏

【开源公告】高性能的超轻量级PHP框架Biny正式开源

Biny Biny 是一款高性能的超轻量级PHP框架。遵循 MVC 模式,用于快速开发现代 Web 应用程序。Biny 代码简洁优雅,对应用层,数据层,模板渲染...

3716
来自专栏java架构师

Hadoop总结篇之五---模块间是怎么驱动执行的

在MRv1中,各个模块间驱动运行的方式是函数调用的方式。这是同步的过程,上一模块调用下一模块函数后,等待其执行。效率不高。 在MRv2中做了改进,yarn基于事...

2415
来自专栏从零开始学自动化测试

python笔记23-unittest单元测试之mock

unittest.mock是一个用于在Python中进行单元测试的库,Mock翻译过来就是模拟的意思,顾名思义这个库的主要功能是模拟一些东西。 它的主要功能是使...

742
来自专栏Golang语言社区

Golang语言--开发游戏服务器需要了解的知识

我们以linux环境为列给大家讲解: 1 熟悉网络编程 网络编程主要是涉及到服务器与客户端间的通信,游戏开发中多数采用长链接的形式;短...

35012
来自专栏企鹅号快讯

Android应用架构前世今生

前言 Android的开发生态系统发展迅速,在开发Android的几年的时间里,用来构建Android应用的架构与技术一直在不断进化。随着项目的不断更新迭代,应...

1896
来自专栏携程技术中心

干货 | 揭秘携程三端通用框架中的CRNWEB

1083

扫码关注云+社区