SPA(Single Page Application)とは

基礎知識

SPAとは

Single Page Application(シングルページアプリケーション)の略称。

単一のWebページで機能するアプリケーションそのものや、その設計構造のこと。

SPAの特徴

別箇所に移動してもページ自体がリロード(再読み込み)されることはありません。

別のコンテンツに移動する際、移動先で新たに必要な部分だけローディングされています。

SPAの例

なぜそのようにできるのか

SPAでは、初回ロード時にページ全体のHTML,CSS,JSファイルをすべて読み込みます。

通常は、ページが変わるたびに、それらのファイルを取ってきていたため、それを待つ時間や読み込みがありません。

SPAに適したサービス

滞在時間の長いサービスに適しているといわれています。

理由としては、そのサイト内のページ遷移時間がほぼないので、ユーザーへのストレスが少なくなるためです。

ただ、初回ロード時に情報量の多いファイルを読み込むため、初回のみ待ち時間は長くなる点が注意点です。

タイトルとURLをコピーしました