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

Le cache d'application (Application Cache ou AppCache) en HTML5 permettait aux navigateurs de mettre en cache des ressources (HTML, CSS, JavaScript, images) pour un accès hors ligne et pour améliorer les performances.

Le principe de fonctionnement repose sur un fichier de manifeste (manifest="appcache.manifest") avec l'extension .appcache, qui décrit quels fichiers doivent être mis en cache.

Exemple de fichier de manifeste :

CACHE MANIFEST
# Version 1.0

CACHE:
/index.html
/css/style.css
/js/script.js

FALLBACK:
/ /offline.html

NETWORK:
*

Sections du fichier de manifeste :

CACHE: : Ressources qui doivent être mises en cache explicitement.
FALLBACK: : Définit des ressources de remplacement qui seront utilisées si une ressource n'est pas disponible (par exemple, pour une page hors ligne).
- <ressource en ligne> <ressource hors ligne>
NETWORK: : Ressources qui nécessitent toujours un accès en ligne (généralement * pour toutes les autres ressources).

Utilisation :

Créer un fichier .appcache.

Ajouter l'attribut manifest à la balise <html> :

<!DOCTYPE html>
<html manifest="appcache.manifest">
...
</html>

Configurer le type MIME .appcache sur le serveur comme text/cache-manifest.

Malgré ses fonctionnalités, AppCache présente des inconvénients, tels que des problèmes de mise à jour du cache, une gestion complexe et des erreurs. Il est obsolète et supprimé de la spécification HTML5, et sa fonctionnalité est remplacée par les Service Workers, qui offrent un mécanisme plus flexible et puissant pour gérer la mise en cache et la fonctionnalité hors ligne.

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