SSR/SSG/ISR/DPR都在做什么

SSR服务器端渲染,将Vue、React、Angular等单页面应用在服务器端进行渲染。SSG静态站点生成,将网站预先生成为静态文件。ISR是增量静态再生,将某些需要更新的页面在后台进行重新生成。DPR是动态预渲染,将网站部分预渲染为静态网页,然后在用户访问时进行动态渲染。

SSR

SSR指的是服务器端渲染(Server-Side Rendering),它是一种将Vue、React、Angular等单页面应用在服务器端进行渲染的技术。相对于传统的客户端渲染(Client-Side Rendering),SSR的优势在于:

更好的SEO(Search Engine Optimization):搜索引擎可以更好地抓取网站的内容;

更快的首屏加载速度:由于服务器端已经将网页渲染完成,用户可以更快地看到首屏内容;

更好的用户体验:由于首屏渲染较快,用户更容易产生好感。

SSG

SSG指的是静态站点生成(Static Site Generation),它是一种将网站预先生成为静态文件的技术。相对于动态网站,静态网站的优势在于:

更快的加载速度:由于无需进行数据库查询和动态渲染,静态网站的加载速度更快;

更低的成本:无需购买服务器和数据库等服务,可以使用免费的静态网站托管服务(如GitHub Pages);

更好的安全性:无法通过动态攻击手段来攻击静态网站。

ISR

ISR指的是增量静态再生(Incremental Static Regeneration),它是一种将某些需要更新的页面在后台进行重新生成的技术。相对于SSG,ISR的优势在于:

更快的更新速度:由于只需要重新生成需要更新的页面,更新速度更快;

更好的用户体验:由于可以在后台进行更新,用户不会看到过时的内容。

DPR

DPR指的是动态预渲染(Dynamic Pre-Rendering),它是一种将网站部分预渲染为静态网页,然后在用户访问时进行动态渲染的技术。相对于传统的客户端渲染,DPR的优势在于:

更快的首屏加载速度:由于部分页面已经预渲染为静态网页,用户可以更快地看到首屏内容;

更好的SEO:搜索引擎可以更好地抓取网站的内容;

更好的用户体验:由于首屏渲染较快,用户更容易产生好感。

延伸阅读:

什么是SSR?

服务器端渲染(Server-Side Rendering)是指由服务侧完成页面的 HTML 结构拼接的页面处理技术,发送到浏览器,然后为其绑定状态与事件,成为完全可交互页面的过程。

SSR简单理解就是html是由服务端写出,可以动态改变页面内容,即所谓的动态页面。早年的php、asp、jsp这些Server page都是SSR的。但基于React技术栈,又有些许不同,server bundle构建的 时候,要吐多少模块,是server端决定的。client bundle和之前一样,差别在于这次是hydrate,而非render。

文章标题:SSR/SSG/ISR/DPR都在做什么,发布者:Flawy,转载请注明出处:https://worktile.com/kb/p/53035

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
FlawyFlawy认证作者
上一篇 2023年5月29日
下一篇 2023年5月29日

相关推荐

  • project是什么软件

    project是指Microsoft Project是一款项目管理软件,不仅可以快速、准确地创建项目计划,而且可以帮助项目经理实现项目进度、成本的控制、分析和预测,使项目工期大大缩短,资源得到有效利用,提高经济效益。 project是什么软件 Microsoft Project (或 MSPROJ)…

    2022年10月14日
    1.8K00
  • 使用Jira进行敏捷开发的最佳实践

    使用Jira进行敏捷开发的最佳实践包括1、配置灵活的工作流,使之与团队的实际工作过程匹配;2、维护精简的任务板,以便于跟踪和视觉管理;3、制定合理的迭代周期,确保频繁且有质量的交付;4、持续的反馈循环,便于快速适应变化;5、利用Jira报告功能,进行有效的进度跟踪与预测。 在这些实践中,配置灵活的工…

    2024年1月3日
    18700
  • 云原生是否提高了应用的可扩展性

    在当前的软件开发领域,云原生 1、提高了应用的可扩展性;2、促进了资源利用的最优化;3、增强了应用的弹性;4、简化了服务的管理和维护。应用的可扩展性是衡量应用能否适应增长需求的关键指标,是应用设计的核心考量之一。云原生通过采用微服务架构、容器化部署及自动化、弹性伸缩和去中心化等设计理念,显著地提升了…

    2023年11月15日
    15800
  • 变量是什么意思

    变量是指,值可以变的量。变量以非数字的符号来表达,一般用拉丁字母。变量的用处在于能一般化描述指令的方式。结果只能使用真实的值,指令只能应用于某些情况下。变量能够作为某特定种类的值中任何一个的保留器。 一、变量是什么 变量,指值可以变的量。变量以非数字的符号来表达,一般用拉丁字母。变量的用处在于能一般…

    2023年4月13日
    53700
  • 项目材料管理的方法有哪些

    项目材料管理的方法有:一、项目材料分类;二、项目材料存储;三、项目材料共享;四、项目材料版本控制;五、项目材料审批;六、项目材料归档。在项目开始之前,需要对项目材料进行分类。常见的分类方法包括:按时间顺序、按功能模块、按阶段等。 一、项目材料分类 在项目开始之前,需要对项目材料进行分类。常见的分类方…

    2023年4月30日
    43100
  • project.to在线浏览工具怎么打开mmp文件

    在使用project.to在线浏览工具打开mmp文件时,主要有以下步骤:1、访问网站;2、上传文件;3、浏览文件;4、调整设置;5、保存与分享;其中,访问网站是开始新的在线浏览任务,上传文件是打开mmp文件的关键。文件上传完毕后,你可以在网页上查看mmp文件的内容。project.to工具会将mmp…

    2023年7月11日
    2.8K10
  • 团队管理系统可以设置哪些状态

    团队管理系统可以设置的状态有:一、 任务状态;二、项目状态;三、团队状态;四、优先级状态。在团队管理系统中,任务状态是最基本的状态之一。它可以用来标识任务的不同阶段,以便团队成员更好地了解任务的进展情况。 一、 任务状态 在团队管理系统中,任务状态是最基本的状态之一。它可以用来标识任务的不同阶段,以…

    2023年4月24日
    31400
  • oa系统功能有哪些

    开篇即明确,OA系统,即办公自动化系统,主要提升工作效率、优化管理流程、数据信息整合处理以及保障通讯安全。这系统功能模块繁多,如:1、电子邮件、2、文档管理、3、日程安排、4、任务分配、5、会议管理、6、即时通讯;且电子邮件是最为核心的因素,几乎成为现代通信的代名词。电子邮件模块允许用户在内部网络中…

    2024年1月11日
    11100
  • DevOps中的模块化开发原则

    模块化开发在DevOps实践中是提升软件开发质量和效率的关键策略。这一观点建立在几个核心理由之上:1、降低复杂性;2、提高可重用性;3、简化版本控制和持续集成;4、促进团队协作;5、加速问题定位与修复。其中,降低复杂性由于可以使得每个模块相对独立,减少了各部分之间的依赖和耦合,便于理解和维护整体系统…

    2024年1月4日
    14600
  • flash内嵌的脚本程序是什么

    flash内嵌的脚本程序是ActionScript,最初是一种简单的脚本语言,已更新到版本ActionScript3.0,是一种完全的面向对象的编程语言,功能强大,类库丰富,多用于Flash互动性、娱乐性、实用性开发,网页制作和RIA(丰富互联网程序)开发。 一、ActionScript简介 fla…

    2023年1月9日
    46900

发表回复

登录后才能评论
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部