Wat is de applicatiecache in HTML5?

De applicatiecache (Application Cache of AppCache) in HTML5 stelde browsers in staat om bronnen (HTML, CSS, JavaScript, afbeeldingen) te cachen voor offline toegang en prestatieverbetering.

Het werkingsprincipe is gebaseerd op een manifestbestand (manifest="appcache.manifest") met de extensie .appcache, dat beschrijft welke bestanden gecachet moeten worden.

Voorbeeld van een manifestbestand:

CACHE MANIFEST
# Versie 1.0

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

FALLBACK:
/ /offline.html

NETWORK:
*

Secties van het manifestbestand:

CACHE:: Resources die expliciet gecachet moeten worden.
FALLBACK:: Bepaalt vervangende resources die gebruikt worden als een resource niet beschikbaar is (bijvoorbeeld voor offline pagina's).
- <online-resource> <offline-resource>
NETWORK:: Resources die altijd online toegang vereisen (meestal * voor alle andere resources).

Gebruik:

Maak een .appcache-bestand aan.

Voeg het manifest-attribuut toe aan de <html>-tag:

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

Stel de MIME-typ .appcache in op de server als text/cache-manifest.

Ondanks de functionaliteit heeft AppCache nadelen, zoals problemen met cache-updates, complexe beheer en fouten. Het is verouderd en verwijderd uit de HTML5-specificatie, en zijn functionaliteit wordt vervangen door Service Workers, die een meer flexibel en krachtig mechanisme bieden voor cachebeheer en offline functionaliteit.