Le Web moderne est apprécié par un large éventail de personnes, utilisant toute une gamme d'appareils et de types de connexions réseau différents. Vos créations peuvent toucher des utilisateurs du monde entier, mais il peut s'avérer difficile d'offrir une expérience fiable sur le Web à tous vos utilisateurs. Il peut être difficile de comprendre ce qu'est la fiabilité.
Fiable hors connexion
Pour évaluer la fiabilité, vous pouvez par exemple déterminer si votre application Web fonctionnera sans connexion réseau. Il s'agit d'un type de fiabilité que les utilisateurs prennent pour acquis avec les applications spécifiques à une plate-forme installées sur un appareil mobile à partir d'une plate-forme de téléchargement d'applications. Lorsque vous voyez une icône pour l'une de ces applications, vous vous attendez à ce que vous puissiez appuyer dessus pour accéder à une sorte d'expérience, que vous soyez ou non connecté à Internet.
Jusqu'à récemment, il était difficile de créer des applications Web fiables sans connexion réseau.
Rapide et fiable
Une autre façon d'envisager la fiabilité est de savoir si vos utilisateurs peuvent s'appuyer sur le chargement de votre application Web à une vitesse suffisamment élevée alors qu'ils disposent d'une connexion réseau moins idéale que l'idéal. Les utilisateurs connus bénéficieront-ils de la même expérience d'interaction avec votre application Web lorsqu'ils sont connectés à un réseau mobile qu'en Wi-Fi ? Et que se passe-t-il pour les utilisateurs qui ont une connexion Li-Fi à latence élevée ? Votre application Web sera-t-elle fiable et rapide, même dans ces cas de figure ?
Dans les meilleures circonstances, il ne suffit pas d'être rapide. Les utilisateurs verront les performances de votre application Web du point de vue de son comportement dans toutes les conditions réseau.
La fiabilité est atteignable
La bonne nouvelle est que la plate-forme Web moderne fournit des technologies, telles que les service workers et l'API Cache Storage, qui peuvent servir de composants de base pour créer des applications Web fiables. Ils vous permettent d'écrire du code situé entre votre application Web et le réseau. Dans de nombreux cas, vous pouvez contourner complètement le réseau et utiliser à la place du contenu précédemment mis en cache pour répondre aux requêtes de votre application Web.
Votre voyant: répond avec "200 OK" même hors connexion
Une fois que vous avez commencé à créer un service worker et à diffuser du contenu à partir de caches, il est difficile de savoir si vous le faites efficacement. Comment savoir si le service worker que vous implémentez aide vraiment votre application Web à éviter le réseau ? Comment éviter qu'une légère modification de votre stratégie de mise en cache ne perturbe votre expérience hors connexion soigneusement conçue ?
Lighthouse propose un test spécifique particulièrement intéressant pour le développement d'une application Web fiable : répond avec un "200 OK" en mode hors connexion:
Qu'est-ce qui est réellement testé ici ? Cela revient à simuler une perte de connectivité réseau dans votre navigateur, suivie d'une tentative de chargement de l'URL de votre site qui fait l'objet d'un audit. Cela permet de tester un aspect de la création d'un site fiable, à savoir la fiabilité en mode hors connexion, à l'aide d'une séquence d'actions contrôlée et reproductible.
C'est un véritable voyage
Si vous débutez, il est très probable que vous obteniez un résultat négatif pour le test répond avec un code 200 alors qu'il était hors connexion. Ce n'est pas grave. Par défaut, les applications Web ne présentent pas ce type de fiabilité par défaut, sauf si vous utilisez un projet de démarrage personnalisé. Les prochains guides présentent les techniques nécessaires pour identifier ce qui charge votre application Web et vous expliquent comment utiliser Lighthouse pour rendre cette expérience de chargement fiable.
Tout au long de ce processus, nous vous encourageons à réexécuter les audits Lighthouse. Elles vous guident tout au long de votre parcours, de la création d'une nouvelle application Web à une progressive web app fiable.