Works by

Ren's blog

@rennnosuke_rk 技術ブログです

【PWA】App Shellを作成する

前回の記事の続きです。

App Shellの作成

Google Developers公式チュートリアルより、App Shellを実際に作ってみます。

App Shell の作成で気をつけること

UIとアプリ基盤をデータから切り離す

App Shellの強みは、コンテンツだけをネットワーク越しにやり取りし、UIとアプリ基盤をキャッシュすることで遅延のないアプリケーションを作成できることです。そのため、予めUI+アプリ基盤と、それに含まれるデータが予め分離されるようにアプリを構築する必要があります。

初回の読み込みはシンプルに

ページ遷移前処理をなるべく簡潔にして、初回読み込みを素早く実行させるべきです。アプリが開かれたときにはすぐにページのレイアウトだけでも表示させることで、ユーザの体感を向上させることができます。