Single Page Application

SPA signifie Single Page Application, ou application  monopage en français, est une application web accessible via une page web unique. Le but est d’éviter le chargement d’une nouvelle page à chaque action demandée, et de fluidifier ainsi l’expérience utilisateur.

Différences entre une SPA et un site web classique ?

La différence entre une SPA et un site web classique réside dans leur structure et dans la relation entre le navigateur et le serveur.

SPA Site web classique
Composée d’une seule page Composé de plusieurs pages
Le rôle du navigateur est beaucoup plus important que dans un site web, toute la logique applicative y étant déportée Le rôle du navigateur est simplement d’afficher les pages envoyées par le serveur et de lui transmettre les actions de l’utilisateur
Le serveur est responsable de fournir les ressources de l’application et surtout d’exposer les données Le serveur contient la logique applicative (il fournit les pages à afficher et réagit aux actions de l’utilisateur)

Les avantages et les inconvénients des SPA

Les arguments en faveur d’un site web à page unique sont les suivants :

  • Tout le contenu est chargé en une seule fois ;
  • Scroller est moins compliqué et risqué que de cliquer ;
  • La maintenance est plus simple ;
  • La densité d’information favorise un meilleur référencement.

Les arguments en défaveur des sites web à page unique sont les suivants :

  • Le site est plus long à charger ;
  • Le site est généralement truffé de javascript pour proposer une navigation locale (au sein de la page) ;
  • Les utilisateurs peuvent être désorientés.

Exemple des SPA

Gmail est un exemple d’application web monopage. Les liens ne rechargent pas la page mais le contenu est modifié au fur et à mesure selon les requêtes. Un autre exemple de SPA et de Websocket : la recherche en saisie automatique sous Google qui modifie le contenu en dynamique.

Laisser un commentaire