Sobes.tech
Middle

Qu'est-ce que le cache de l'application en HTML5?

sobes.tech IA

Réponse de l'IA

Le cache d'application HTML5 (AppCache) est un mécanisme qui permettait aux applications web de fonctionner hors ligne, en chargeant les ressources (HTML, CSS, JS, images) dans le cache local du navigateur.

Principaux composants de l'AppCache :

  1. Fichier de manifeste (Manifest File) : Un fichier texte avec l'extension .appcache, qui liste les ressources nécessaires au fonctionnement hors ligne de l'application. Il est spécifié dans l'attribut manifest de la balise <html>.

    <html manifest="example.appcache">
    ...
    </html>
    
  2. Sections du manifeste :

    • CACHE MANIFEST : La première ligne obligatoire.
    • CACHE: : Liste des ressources à mettre en cache explicitement.
    • NETWORK: : Ressources nécessitant toujours un accès réseau (par exemple, API). Par défaut, tout ce qui n'est pas dans CACHE et FALLBACK nécessite une connexion.
    • FALLBACK: : Règles pour définir des ressources de secours en cas d'indisponibilité des ressources principales (par exemple, une page hors ligne).
  3. Cycle de vie : L'AppCache a un cycle de vie complexe, comprenant le chargement du manifeste, la comparaison des versions, le téléchargement des ressources et l'activation du nouveau cache.

Avantages :

  • Accès hors ligne à l'application.
  • Accélération du chargement pour les utilisateurs réguliers.

Inconvénients :

  • Complexité dans la gestion et la mise à jour du cache ("cache bloqué").
  • Moins flexible comparé aux Service Workers.

État actuel : L'AppCache est déclaré obsolète (deprecated) et est progressivement supprimé des navigateurs. Pour implémenter des fonctionnalités hors ligne et la mise en cache des ressources, il est recommandé d'utiliser Service Workers.