文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

除了SSR 、CSR 还有 ISR 和 SSG?五分钟搞懂它们的区别

2024-11-30 09:20

关注

1.SSR(服务器端渲染)

「服务器端渲染」(SSR)是一种在服务器上渲染网页,然后将完全渲染的 HTML 页面发送到客户端浏览器的技术。它的工作原理如下:

当用户请求网页时,服务器会获取数据、生成 HTML,并将完整的页面发送到浏览器。
然后浏览器立即显示页面,同时下载并执行 JavaScript 和 CSS 文件。
SSR 以其 SEO 优势而闻名,因为搜索引擎可以轻松抓取 HTML 内容并为其建立索引。

2.CSR(客户端渲染)

「客户端渲染」(CSR)是一种将网页最初作为空 HTML shell 传递给浏览器的技术。然后,客户端 JavaScript 动态获取数据并在浏览器中呈现页面。企业社会责任的运作方式如下:

当用户请求页面时,服务器会发送最小的 HTML 结构以及 JavaScript 和 CSS 文件。
浏览器加载这些文件并执行 JavaScript,从而获取数据并生成内容。
CSR 提供了更具交互性的用户体验,但可能会导致初始页面加载速度变慢和 SEO 挑战。

3.ISR(增量静态再生)

「增量静态再生」(ISR)是一种结合了 SSR 和 SSG 优点的混合方法。它允许在构建时和运行时部分重新生成静态页面。ISR 的工作原理如下:

在构建过程中,某些页面被预呈现为静态 HTML,而其他页面则被标记为“过时”。
当用户请求“过时”页面时,服务器会即时重新生成该页面并缓存结果以供后续请求使用。
ISR在性能和实时数据之间取得了平衡,使其适合动态但经常访问的页面。

4.SSG(静态站点生成)

「静态站点生成」(SSG)是一种在构建时生成网页并用作纯 HTML 文件的技术。SSG 是最直接的方法:

在构建过程中,所有页面都预渲染为静态 HTML 文件,包括构建时已知的任何数据。
当用户请求页面时,服务器仅提供预先构建的 HTML 文件。

SSG 提供出色的性能、可扩展性和安全性,但可能不适合高度动态的内容。

何时使用每种方法

结论

了解 SSR、CSR、ISR 和 SSG 对于在 Web 开发中做出明智的决策至关重要。每种方法都有其优点和缺点,选择取决于项目的具体要求。通过有效地利用这些技术,您可以创建提供最佳用户体验和性能的 Web 应用程序。

原文链接:

https://dev.to/dj1samsoe/understanding-ssr-csr-isr-and-ssg-a-comprehensive-guide-add

来源:萌萌哒草头将军内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯