A website structure that works smoothly like an app without full page reloads.
SPA (Single Page Application) は、最初に1つのHTMLページを読み込み、その後の画面切り替えをJavaScriptで行う仕組みを持ったWebアプリケーションの形態です。
従来のWebサイトでは、ページを移動するたびにサーバーから新しいHTMLを読み込む必要がありましたが、SPAではページ全体を再読み込みすることなく、必要なデータやコンテンツだけをサーバーから取得して更新します。これにより、画面の切り替えが速く、アプリのようなスムーズな操作感を実現できます。
例えば、GmailやGoogleマップなどは代表的なSPAの例です。ページを移動しても画面全体がリロードされず、一部のコンテンツだけが更新されるため、ユーザーは途切れのない体験ができます。
SPAを実現するためには、以下のような技術がよく使われます。
メリットとしては、操作が快適でアプリのような動きを実現できることや、サーバー負荷の軽減があります。一方で、初回表示が遅くなることやSEO対策が難しいなどの課題もあります。