跳到主要内容

前端工程 · 渲染方式

单页应用

Single Page Application

也叫:SPA、单页面应用、客户端渲染、CSR

只加载一次页面外壳,之后切换页面都由浏览器里的 JavaScript 完成、不整页刷新的网站形式。

详细解释

传统网站每点一个链接,服务器就发来一整张新页面;SPA 更像一个 App:第一次打开时下载外壳和 JavaScript,之后切页面都是 JavaScript 在浏览器里替换内容、按需请求数据,体验更顺滑。用 Vite 创建的 React、Vue 项目默认就是 SPA。

代价是首次打开要先下载并执行 JavaScript 才能看到内容,首屏可能偏慢;搜索引擎抓到的初始 HTML 几乎是空的,不利于 SEO。

三者区分:SPA 在浏览器里生成页面;SSR 每次访问由服务器生成完整 HTML;SSG 在构建时提前生成好 HTML。后台管理系统、工具类应用适合 SPA,官网、博客更适合 SSG 或 SSR。

开发者信息
术语 ID
eng-spa
DOM 选择器
没有 DOM 线索,这个概念不在页面上直接识别。
优先级
1 · 同一层有多条命中时,优先级高的胜出
版本
v1 · 更新于 2026/09/29