ssr

ssr

ssr是啥,博客领域？

在博客领域，SSR 指的是 Server-Side Rendering，即服务端渲染。

它是一种网页渲染技术，和我们常说的 CSR（Client-Side Rendering，客户端渲染）相对应，核心区别在于页面的渲染位置和时机。

1. 博客场景下 SSR 的工作原理

• 传统 CSR 博客（比如基于 React/Vue 纯前端框架的博客）： 服务器只返回一个空的 HTML 骨架，浏览器拿到后再通过 JavaScript 去请求博客文章数据、渲染页面内容。 缺点是首屏加载慢、不利于 SEO（搜索引擎爬虫难以抓取 JS 动态渲染的内容）。

• SSR 博客： 当用户访问博客页面时，服务器端会先获取文章数据，直接在服务器上渲染出完整的 HTML 页面（包含所有文章内容），再将这个完整页面返回给浏览器。 浏览器拿到后只需直接展示，无需再通过 JS 二次渲染。

2. 博客使用 SSR 的核心优势

1. 提升 SEO 效果 搜索引擎爬虫能直接抓取到完整的文章 HTML 内容，对博客的关键词排名、文章收录率帮助极大——这也是博客领域用 SSR 的核心原因。
2. 加快首屏加载速度 尤其是访问量较大的博客，或用户网络较差时，SSR 能让用户更快看到页面内容，提升阅读体验。
3. 更好的兼容性 对一些不支持或禁用 JavaScript 的浏览器/设备，SSR 页面依然能正常显示内容。

3. 博客领域常见的 SSR 技术方案

• 静态生成 + SSR 混合（主流方案）： 很多博客框架（比如 Hugo、Next.js、Nuxt.js）会采用 SSG（静态站点生成）+ SSR 降级 的模式。
  • 构建时预渲染大部分静态页面（比如文章详情页），部署后直接返回静态 HTML，速度最快；
  • 对需要动态数据的页面（比如评论区、实时阅读量），再用 SSR 补充渲染。
• 纯 SSR 框架： 比如基于 Node.js 的 Next.js（React 生态）、Nuxt.js（Vue 生态），可以直接开发动态 SSR 博客。

其他架构

ssr/ssg/isr/csr/dpr区别？

2026.7.8记录。

deepseek回复：

这些概念的核心区别，在于在“何时”、“何地”生成HTML页面。它们就像一条生产线上的不同工序，各有各的适用场景。

为了方便区分，我把它们整理成了下面这个表格，可以让你快速掌握核心差异。

五种渲染模式对比

🌰 一句话总结它们的关系

CSR 是在用户浏览器里现做现吃（慢，但厨师省力）。

SSR 是点餐后厨师马上现做（新鲜热乎，但厨师累）。

SSG 是提前做好一大桌子菜（上菜飞快，但翻桌慢）。

ISR 是提前做了热门菜，冷门菜现做，同时定时更新热门菜（平衡之道，但有延迟）。

DPR 是只准备菜谱，客人点了才做，做完就放保温柜（适合客人多但点的菜五花八门的餐厅）。