SSR服务器渲染

SSR服务器渲染前面的话平时我们所接触到的都是 SPA 在学习使用 webpack 构建同构应用时 接触到了 SSR 服务器渲染 下面来说一说 SSR 什么是 SPA 传统的 SPA 单页应用 是前后端分离 后端负责提供数据 前端加载完后体验 内容改变不需要加载全部页面 缓存数据 减少服务器压力 提高性能 SPA 工作流程第一次将前端搭建的构建脚本资源全部下载下来 然后运行脚本异步加载数据 渲染页面 这样造成的结果

前面的话

平时我们所接触到的都是SPA,在学习使用webpack构建同构应用时,接触到了SSR服务器渲染,下面来说一说SSR。

什么是SPA

传统的SPA(单页应用)是前后端分离,后端负责提供数据,前端加载完后体验,内容改变不需要加载全部页面,缓存数据,减少服务器压力,提高性能。

SPA工作流程

第一次将前端搭建的构建脚本资源全部下载下来,然后运行脚本异步加载数据,渲染页面。

这样造成的结果:

  • 首屏慢:第一次加载所有资源,然后才开始执行。
  • 不利于SEO:搜索引擎不能抓取完整页面

什么是SSR

服务器渲染 SSR(server side render),是指将一个组件或者页面渲染为服务器端的 HTML 字符串,然后将它们直接发送到浏览器,最后将静态标记”混合”为客户端上完全交互的应用程序。

SSR优缺点

优点:

  • 更利于SEO:
    由于浏览器异步渲染的数据,大部分爬虫无法获取这些数据。使用SSR,服务器返回给浏览器的已经是获取异步数据并执行JavaScript脚本的最终HTML,网络爬虫可以抓取完整的页面信息。
  • 更利于首屏渲染
    首屏的渲染是HTML字符串,并不依赖于js文件,使得用户很快就可以看到页面的内容

缺点:

  • 服务端压力大
  • 开发条件受限
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/209660.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月19日 上午8:43
下一篇 2026年3月19日 上午8:43


相关推荐

  • DeepSeek API快速接入微信公众号详细教程

    DeepSeek API快速接入微信公众号详细教程

    2026年3月16日
    2
  • 从高考落榜生到网络专家

    从高考落榜生到网络专家成功的背后,有着许多不为人知的故事,而正是这些夹杂着泪水和汗水的过去,才成就了一个个走 向成功的普通人——凌晨两点半,早已习惯了一个人坐在电脑前的我,望着屏幕,任思绪在暗夜的包容 下静静流淌,时光仿佛又定格在三年多前的那一刻:“283分”。那是被中国万千学子称为“黑色七 月”中的一天,下班回家的母亲从家门打开后说出的一个数字,虽然早知道自己不会考上大学,但如此 的成绩也多少出乎自己

    2025年8月22日
    4
  • “养龙虾”爆火:智能体概念走向大众 科技巨头抢滩布局

    “养龙虾”爆火:智能体概念走向大众 科技巨头抢滩布局

    2026年3月14日
    2
  • 时域卷积网络TCN详解:使用卷积进行序列建模和预测

    时域卷积网络TCN详解:使用卷积进行序列建模和预测CNN 经过一些简单的调整就可以成为序列建模和预测的强大工具尽管卷积神经网络 CNNs 通常与图像分类任务相关 但经过适当的修改 它已被证明是进行序列建模和预测的有价值的工具 在本文中 我们将详细探讨时域卷积网络 TCN 所包含的基本构建块 以及它们如何结合在一起创建一个强大的预测模型 使用我们的开源 DartsTCN 实现 我们展示了只用几行代码就可以在真实数据集上实现准确预测 以下对时间卷积网络的描述基于以下论文 https arxiv org pdf 1803 01271 pdf 本文引用用

    2026年3月19日
    2
  • Windows命令行route命令使用图解

    Windows命令行route命令使用图解一操作实例查看当前本机的路由表;有三部分,接口列表,IPv4路由表,IPv6路由表;查看0.打头的路由表信息;添加一条添加默认网关地址为192.168.12.1的默认路由;删除前面添加的路由;添加跃点数为7的路由;删除之;添加接口索引为某个值的路由,不知为何失败;下

    2022年7月18日
    29
  • 【即梦ai入门】1.即梦AI3.0全功能解析

    【即梦ai入门】1.即梦AI3.0全功能解析

    2026年3月13日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号