讲一下单页应用与多页应用、SSRCSRSSG 的权衡与迁

[问答题]

讲一下单页应用与多页应用、SSR/CSR/SSG 的权衡与迁移。

查看答案及解析

WangYibo

Web 应用架构的选择，是在开发体验、用户体验、性能和 SEO 之间的权衡。 MPA 是传统模式，稳定简单； SPA 提供更流畅的“应用感”。在渲染模式上，CSR 开发简单但 SEO 和首屏性能差； SSR 解决了这些问题但服务器压力大；而 SSG 则为内容固定的网站提供了极致的性能和 SEO 效果。现代框架（如 Next.js, Nuxt）通过同构/通用渲染，使得在这些模式间的迁移和混合使用成为可能。

发表于 2026-02-02 16:07:02 回复(0)

秋水夏树

1. 单页面应用：每次点击跳链都会发送完整的请求。服务端返回完整的 HTML 文件，浏览器重新加载页面。SEO 友好，每次返回的是完整的 HTML。 2. 多页面应用：每次点击跳链通过 JavaScript 操作 DOM 局部更新页面。SEO 不友好，因为初始时大多只有一个空节点，后续才通过 JS 填充页面。 CSR：客户端渲染，接近空白的 HTML 执行 JS 后根据数据渲染页面内容 SSR：服务端渲染。每次请求服务都动态生成完整 HTML 文件，并返回 JS 给客户端激活成可交互的页面。 SSG：服务端渲染，但是每次请求的资源都是预先写死的，每次都一样，而不是千人千面。

发表于 2025-09-16 12:35:47 回复(1)