Čo je to cache aplikácie v HTML5?

Medzipamäť aplikácie (Application Cache alebo AppCache) v HTML5 umožňovala prehliadačom cacheovať zdroje (HTML, CSS, JavaScript, obrázky) pre offline prístup a zvýšenie výkonu.

Princíp fungovania je založený na manifest súbore (manifest="appcache.manifest") s príponou .appcache, ktorý popisuje, ktoré súbory je potrebné cacheovať.

Príklad manifest súboru:

CACHE MANIFEST
# Verzia 1.0

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

FALLBACK:
/ /offline.html

NETWORK:
*

Sekcie manifest súboru:

CACHE:: Zdroje, ktoré majú byť explicitne cacheované.
FALLBACK:: Určuje náhradné zdroje, ktoré budú použité, ak zdroj nie je dostupný (napríklad offline stránka).
- <online-zdroj> <offline-zdroj>
NETWORK:: Zdroje, ktoré vždy vyžadujú online prístup (zvyčajne * pre všetky ostatné zdroje).

Použitie:

Vytvorte súbor .appcache.

Pridajte atribút manifest k tagu <html>:

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

Nakonfigurujte MIME typ .appcache na serveri ako text/cache-manifest.

Napriek svojej funkčnosti má AppCache nevýhody, ako sú problémy s aktualizáciou cache, zložitá správa a chyby. Je zastaralý a odstránený zo špecifikácie HTML5, a jeho funkčnosť bola nahradená Service Workers, ktoré poskytujú flexibilnejší a výkonný mechanizmus na správu cache a offline funkcií.