Was ist der Anwendungs-Cache in HTML5?

Der Anwendungscache (Application Cache oder AppCache) in HTML5 ermöglichte es Browsern, Ressourcen (HTML, CSS, JavaScript, Bilder) für den Offline-Zugriff zwischenzuspeichern und die Leistung zu verbessern.

Das Funktionsprinzip basiert auf einer Manifest-Datei (manifest="appcache.manifest") mit der Erweiterung .appcache, die beschreibt, welche Dateien zwischengespeichert werden sollen.

Beispiel für eine Manifest-Datei:

CACHE MANIFEST
# Version 1.0

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

FALLBACK:
/ /offline.html

NETWORK:
*

Abschnitte der Manifest-Datei:

CACHE:: Ressourcen, die explizit zwischengespeichert werden sollen.
FALLBACK:: Definiert Ersatzressourcen, die verwendet werden, wenn eine Ressource nicht verfügbar ist (z.B. für Offline-Seiten).
- <online-Ressource> <Offline-Ressource>
NETWORK:: Ressourcen, die immer eine Online-Verbindung erfordern (meist * für alle anderen Ressourcen).

Verwendung:

Erstellen Sie eine .appcache-Datei.

Fügen Sie das manifest-Attribut zum <html>-Tag hinzu:

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

Konfigurieren Sie den MIME-Typ .appcache auf dem Server als text/cache-manifest.

Trotz seiner Funktionalität hat der AppCache Nachteile, wie Probleme bei der Cache-Aktualisierung, komplexe Verwaltung und Fehler. Er ist veraltet und aus der Spezifikation HTML5 entfernt, und seine Funktionalität wird durch Service Workers ersetzt, die einen flexibleren und leistungsfähigeren Mechanismus zur Verwaltung des Cachings und der Offline-Funktionalität bieten.