Les transitions de page n'ont pas l'impression d'être bloquées sur le réseau

Les transitions rapides entre les pages sont essentielles pour permettre aux utilisateurs de percevoir les performances de votre progressive web app (PWA). Les transitions doivent être rapides, même sur un réseau lent.

Recommandations

Pour identifier les transitions de page lentes, parcourez votre application Web à l'aide d'un réseau lent simulé. Pour ce faire dans Chrome:

[comment]: <> (Les deux premiers éléments de la liste sont un code abrégé de web.dev, mais il n'a été traduit d'aucune langue.) 1. Appuyez sur Control+Shift+J (ou Command+Option+J sur Mac) pour ouvrir les outils de développement. 2. Cliquez sur l'onglet Réseau. 3. Dans la liste déroulante Limitation, sélectionnez 3G lente.

Chaque fois que vous appuyez sur un lien ou un bouton dans l'application, vérifiez que la page répond immédiatement de l'une des deux manières suivantes:

  • La page passe immédiatement à l'écran suivant et affiche un écran de chargement en attendant le contenu du réseau.
  • La page affiche un indicateur de chargement pendant que l'application attend une réponse du réseau.

Si vous travaillez sur une application monopage affichée par le client, faites immédiatement passer l'utilisateur à la page suivante et affichez un écran squelette. Assurez-vous d'afficher immédiatement tout contenu déjà disponible, comme le titre ou la miniature de la page, pendant le chargement du reste du contenu.

Ressources