什么是服务端渲染?前后端分离的优点和缺点?

这篇具有很好参考价值的文章主要介绍了什么是服务端渲染?前后端分离的优点和缺点?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一.概念

        服务端渲染简单点就是服务端直接返回给客户端一个完整的页面,也就是一个完整的html页面,这个页面上已经有数据了。说到这里你可能会觉得后端怎么写页面啊,而且服务端返回页面不是加载更慢吗?错了,因为我们现在做的什么vue、react都是前后端分离的项目,所以你会觉得慢,但是在这些框架没出来之前我们做的都是前后端不分离的项目,比如Java里面有个jsp就可以写前端页面等等。接下来我具体说一下服务端渲染的过程你就明白喽。

  • 当你在地址栏输入地址以后
  • 服务器会找到你需要的 html 文件, 但是先不给你
  • 然后去找到当前这个文件内所需要的数据内容
  • 然后, 把数据内容组装成一个 html 结构插入到页面内
  • 然后把插入好数据的页面直接返回给你

二.前后端分离和服务端渲染有啥区别?

  • 数据渲染

前后端分离 : 后端把数据返回给客户端, 在客户端运算渲染出来

服务端渲染 : 后端把数据直接渲染在了 html 文件上, 把渲染好的文件给你

  • 源文件

前后端分离 : 你得到的 html 源文件是没有对应的渲染内容的, 需要依靠执行 js 渲染

服务端渲染 : 你得到的 html 源文件就是所有数据都书写好的文件

  • 页面加载速度

前后端分离 : 得到 html 页面以后, 还需要等待 ajax 请求数据在进行渲染

服务端渲染 : 得到的 html 就是完整的最终页面, 直接展示即可

  • SEO(搜索引擎优化)

 文章来源地址https://www.toymoban.com/news/detail-677751.html

前后端分离 : 因为页面没有结构, 所以不利于搜索引擎抓取

服务端渲染 : 得到的 html 就是完整内容, 搜索引擎可以抓取到所有内容

三.前后端分离的优点和缺点

  • 优点
  1. 开发效率提升了,两个人写怎么也比一个人快。
  2. 用户体验好。
  3. 代码利于维护
  4. 减轻了后端服务器的请求压力。
  • 缺点
  1. 首屏加载时间较长
  2. 不利于seo优化
  3. 兼容性较差,版本过低的浏览器不支持

 

 

到了这里,关于什么是服务端渲染?前后端分离的优点和缺点?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 单页面(SPA)与服务端渲染(SSR),概念、区别,优缺点

    什么是单页面应用? 什么是多页面应用? 二者有什么区别? 1、单页面应用与多页面应用: 单页面顾名思义就是整个应用只有一个Html页面,页面的切换其实是组件的切换。这样设计的好处就是不进行页面的切换应用会更加流畅,用户体验好,不需要记载整个页面。良好前后

    2024年02月14日
    浏览(45)
  • 什么是华为云服务器?它有什么优点?

    华为云服务器是华为公司推出的一种云计算产品,它为用户提供了灵活、安全、可靠的云计算资源,包括虚拟服务器、云存储、云数据库等多种服务。 华为云服务器是基于虚拟化技术的,用户可以根据自己的需求选择不同的服务器规格和配置,实现资源的动态调配和优化,提

    2024年02月13日
    浏览(34)
  • 增量模型的优点和缺点

    【增量模型的优点】 降低了实现需求变更的成本。较瀑布模型而言,重新分析和修改文档的工作流要少很多。 在开发过程中更容易得到客户对已完成的开发工作的反馈意见。客户可以对软件的已有版本进行评价,并可以判断项目进度;客户通常会觉得从软件设计文档中评价

    2024年02月06日
    浏览(41)
  • 服务器部署前后端分离项目

    做了一个前后端分离的项目来熟悉开发的整个流程,我把整个流程记录下来了,用作以后的参考。 安装jdk 1、在/usr/local目录下创建jdk文件夹,并将jdk安装包放到/usr/local/jdk包下并解压 1.1通过文件传输工具将jdk包上传到服务器上 1.2输入解压命令 1.3解压完成,生成下面的文件

    2023年04月22日
    浏览(55)
  • 人工智能的优点和缺点

    人工智能(Artificial Intelligence,AI)是一种模拟人类智能的技术,具有以下优点和缺点: 优点: 高效性:人工智能可以在短时间内处理大量数据,提高工作效率。 精度高:人工智能可以通过算法和模型对数据进行分析和预测,准确性高。 自动化:人工智能可以自动完成一些

    2024年02月03日
    浏览(36)
  • 多线程的优点与缺点分析

    多线程具有以下几个优点: 提高系统性能:多线程可以将任务分解为多个子任务,并同时执行这些子任务。通过利用多核处理器的并行能力,可以提高系统的整体性能和响应速度。多线程还可以充分利用闲置CPU资源,提高系统的利用率。 提高程序的吞吐量:多线程可以在一

    2024年02月06日
    浏览(39)
  • 前后端分离项目部署到服务器

    目录 一、准备服务器 1.1 服务器的购买 1.2 服务器的配置 1.3 nginx配置文件的编写 二、前端项目打包及部署 三、后端项目打包及部署 服务器购买可以在国内选择阿里云、腾讯云、百度云等等,至于国外服务器自行探索。 注:服务器在国内的网站需要进行ICP备案操作,服务器在

    2024年01月24日
    浏览(61)
  • 前后端分离项目的服务器部署

    系统环境简介: 本地操作系统:Mac OS Monterey 12.3.1 阿里云服务器:CentOS 7.8 后端开发工具:IntelliJ IDEA 前端开发工具:WebStorm 项目部署的前提条件: ① 需要购买一个域名,并且完成备案 ② 需要拥有一台公网服务器,以阿里云服务器为例 ③ 需要熟练掌握 Linux 操作系统的使用

    2024年02月04日
    浏览(53)
  • Base64编码的优点与缺点

    Base64编码是一种将二进制数据转换为可打印ASCII字符的编码方式。它被广泛应用于数据传输和存储,以提升数据的可读性、可传输性和安全性。 Base64编码解码 | 一个覆盖广泛主题工具的高效在线平台(amd794.com) https://amd794.com/base64encordec 可打印性:Base64编码将二进制数据转换为

    2024年02月19日
    浏览(43)
  • Elasticsearch的主要优点,缺点,应用场景

    Elasticsearch的主要优点,缺点,应用场景 Elasticsearch的主要优点包括: 高性能:Elasticsearch具有快速的搜索和分析能力,能够处理大规模的数据。 可扩展性:Elasticsearch可以轻松地扩展到多个节点,以处理大量的数据和请求。 实时性:Elasticsearch能够实时地索引和搜索数据,使得用

    2024年03月26日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包