Consulter une fiche sans réseau : le cache applicatif en pratiqueReading an entry with no signal: app caching in practice

On consulte l’adresse d’un escape game en arrivant devant, souvent dans une rue mal couverte, parfois dans un parking souterrain. C’est le moment exact où une application qui exige le réseau devient inutile.You check an escape room’s address as you arrive, often on a street with poor coverage, sometimes in an underground car park. That is the exact moment when an app that demands a connection becomes useless.

Ce qui doit survivre à la coupureWhat must survive the cut

Tout garder en local est hors de question : 3 645 fiches avec leurs photos, cela se compte en centaines de méga-octets. Le tri se fait sur l’usage réel.Keeping everything locally is out of the question: 3,645 entries with their photos runs into hundreds of megabytes. The sorting is done on actual usage.

• Les favoris, intégralement : nom, adresse, téléphone, horaires, coordonnées, une photo.Favourites, in full: name, address, phone, hours, coordinates, one photo.
• Les dix dernières fiches consultées, avec les mêmes informations.The last ten entries viewed, with the same information.
• La liste des salles du département courant, sans photo : quelques dizaines de kilo-octets.The list of rooms in the current area, without photos: a few dozen kilobytes.
• Jamais : les galeries, les avis, les disponibilités en temps réel.Never: galleries, reviews, real-time availability.

Afficher ce qu'on a, dire ce qui manqueShow what you have, say what is missing

Une application hors ligne honnête ne fait pas semblant. Quand la fiche vient du cache, un bandeau discret indique depuis quand — « informations du 12 octobre ». Les éléments qui exigent le réseau, comme les disponibilités, sont visibles mais grisés, avec un bouton pour réessayer. Le visiteur sait ce qu’il regarde.An honest offline app does not pretend. When an entry comes from the cache, a discreet banner says how old it is — “information from 12 October”. Elements that need the network, such as availability, are visible but greyed out, with a retry button. The visitor knows what they are looking at.

Le pire comportement hors ligne n’est pas l’écran vide : c’est l’écran qui affiche d’anciennes données comme si elles étaient fraîches. On perd la confiance une seule fois.The worst offline behaviour is not the blank screen: it is the screen that shows stale data as though it were fresh. You only lose trust once.

Le rafraîchissement, discretRefreshing, quietly

Quand le réseau revient, l’application ne recharge pas tout : elle demande au serveur quelles fiches, parmi celles qu’elle garde, ont changé depuis sa dernière synchronisation. La réponse est généralement vide, et coûte quelques centaines d’octets. Seules les fiches modifiées sont retéléchargées.When the network returns, the app does not reload everything: it asks the server which of the entries it holds have changed since its last sync. The answer is usually empty and costs a few hundred bytes. Only changed entries are downloaded again.

Le même raisonnement vaut pour le webThe same reasoning holds for the web

Ce mécanisme n’a rien de spécifique au mobile natif. Un site web peut garder ses pages consultées et les resservir sans réseau, avec les mêmes règles : ce qui est stable se garde, ce qui est volatil se redemande, et on dit toujours au visiteur ce qu’il regarde.There is nothing native-mobile-specific about this. A website can keep the pages it has served and serve them again offline, under the same rules: what is stable is kept, what is volatile is re-requested, and you always tell the visitor what they are looking at.

Le projet derrière cette noteThe project behind this note

Tout est parti de Escape Gamer, l’application mobile. La fiche détaille le contexte, ce qui a été construit et ce que le client en a tiré.It all started with Escape Gamer, l’application mobile. The project page covers the context, what was built and what the client got out of it.