Ce este cache-ul aplicației în HTML5?

Cache-ul aplicației (Application Cache sau AppCache) în HTML5 permitea browserelor să stocheze în cache resurse (HTML, CSS, JavaScript, imagini) pentru acces offline și pentru creșterea performanței.

Principiul de funcționare se bazează pe un fișier de manifest (manifest="appcache.manifest") cu extensia .appcache, care descrie ce fișiere trebuie cache-uite.

Exemplu de fișier de manifest:

CACHE MANIFEST
# Versiunea 1.0

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

FALLBACK:
/ /offline.html

NETWORK:
*

Secțiuni ale fișierului de manifest:

CACHE:: Resursele care trebuie cache-uite în mod explicit.
FALLBACK:: Definește resursele substituente care vor fi utilizate dacă o resursă nu este disponibilă (de exemplu, pentru pagina offline).
- <resursă online> <resursă offline>
NETWORK:: Resursele care necesită întotdeauna acces online (de obicei * pentru toate celelalte resurse).

Utilizare:

Crează un fișier .appcache.

Adaugă atributul manifest la eticheta <html>:

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

Configurează tipul MIME .appcache pe server ca text/cache-manifest.

În ciuda funcționalității sale, AppCache are dezavantaje, cum ar fi problemele cu actualizarea cache-ului, gestionarea complexă și erorile. Este învechit și eliminat din specificația HTML5, iar funcționalitatea sa a fost înlocuită de Service Workers, care oferă un mecanism mai flexibil și mai puternic pentru gestionarea cache-ului și funcționalității offline.