App Shell モデルというワードを知らなかったので調査した
上のドキュメントより
アプリケーション シェル(App Shell)アーキテクチャは、ネイティブ アプリのように瞬時に、そして確実にユーザーの画面に読み込める Progressive Web App を構築する方法
PWAの一つの方法であることがわかった
主に次のことが特徴といえそう
- Service Worker をつかって積極的にキャッシュすること
- オフラインでもユーザー インターフェースが機能するために必要な最小限の HTML、CSS、JavaScriptで画面を表示すること
- ナビゲーションに比較的変更がなく、コンテンツが変更されるアプリやサイトに適していること
Lighthouse を利用すると、App Shell を使用した PWA が高いパフォーマンス基準を満たしているかを検証してくれるみたい
他参考
https://developers.google.com/web/showcase/2016/iowa2016?hl=ja