Navigation douce

Une navigation douce est une navigation côté client utilisée par les applications à page unique (SPA) pour charger de nouveaux contenus.

En général, cliquer sur un lien sur une page web charge une nouvelle page complète (une « navigation dure »), ce qui peut entraîner un travail inutile considérable et une perte d'état lors de la navigation entre des pages similaires sur un site.

Les cadriciels (frameworks en anglais) JavaScript modernes utilisent le routage côté client pour intercepter les clics sur les liens, mettre à jour le contenu de la page actuelle (peut-être après avoir effectué des appels de récupération), puis mettre à jour l'URL dans la barre d'adresse tout en ajoutant une entrée d'état d'historique pour la navigation résultante.

L'effet net semble être une navigation pour l'utilisateur·ice (mais espérons-le plus rapide qu'une navigation dure), que le navigateur considère comme la même page.

Les API PerformanceSoftNavigation et InteractionContentfulPaint permettent de mesurer les navigations douces en dehors d'un framework pour les métriques de performance.