App Shell

定义 Definition

App shell（应用外壳）指应用中可被缓存、相对固定不变的基础界面框架（如导航栏、页眉页脚、基本布局与必要脚本/CSS），用于让应用能快速加载并提供“像原生应用一样”的启动体验；常见于 PWA（渐进式 Web 应用）架构中。内容数据通常再异步加载填充。（在其他语境里也可能泛指“应用的外层框架/容器”。）

发音 Pronunciation (IPA)

/æp ʃel/

例句 Examples

The app shell loads instantly, and the content appears a moment later.
应用外壳会立刻加载出来，内容会在稍后出现。

By caching the app shell with a service worker, the site feels fast even on poor networks.
通过用 Service Worker 缓存应用外壳，即使在网络较差时网站也会显得很快。

词源 Etymology

app 来自 application（应用程序）的缩写；shell 原义是“壳、外壳”，在计算机语境中常指“外层界面/包装层”。app shell 这一组合在 Web 开发领域里被用来比喻：把应用的“外壳”（稳定 UI 与核心资源）先呈现出来，再加载“内馅”（动态数据与页面内容）。

相关词 Related Words

• Application
• Shell
• Framework
• Scaffold
• Boilerplate
• Service Worker
• Caching
• Offline
• Progressive Web App
• Single-Page Application

文献与作品 Literary / Notable Works

• Progressive Web Apps（Tal Ater）中讨论了基于 app shell 的离线与快速加载体验。
• Google Developers 的 PWA 指南（The App Shell Model 相关文档）对 app shell 模型有系统阐述。
• Learning Progressive Web Apps（John M. Wargo）等 PWA 教材中常以 app shell 作为核心架构概念之一。