Cos'è la cache dell'applicazione in HTML5?

La cache delle applicazioni (Application Cache o AppCache) in HTML5 consentiva ai browser di memorizzare risorse (HTML, CSS, JavaScript, immagini) per l'accesso offline e per migliorare le prestazioni.

Il principio di funzionamento si basa su un file di manifesto (manifest="appcache.manifest") con estensione .appcache, che descrive quali file devono essere memorizzati nella cache.

Esempio di file di manifesto:

CACHE MANIFEST
# Versione 1.0

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

FALLBACK:
/ /offline.html

NETWORK:
*

Sezioni del file di manifesto:

CACHE:: Risorse che devono essere memorizzate esplicitamente.
FALLBACK:: Definisce risorse sostitutive che verranno usate se una risorsa non è disponibile (ad esempio, per la pagina offline).
- <risorsa online> <risorsa offline>
NETWORK:: Risorse che richiedono sempre accesso online (generalmente * per tutte le altre risorse).

Utilizzo:

Creare un file .appcache.

Aggiungere l'attributo manifest al tag <html>:

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

Configurare il tipo MIME .appcache sul server come text/cache-manifest.

Nonostante le sue funzionalità, AppCache presenta svantaggi come problemi con l'aggiornamento della cache, gestione complessa ed errori. È obsoleto e rimosso dalla specifica HTML5, e la sua funzionalità è stata sostituita dai Service Workers, che offrono un meccanismo più flessibile e potente per gestire la cache e le funzionalità offline.