Co je to cache aplikace v HTML5?

Mezipaměť aplikace (Application Cache nebo AppCache) v HTML5 umožňovala prohlížečům ukládat zdroje (HTML, CSS, JavaScript, obrázky) do mezipaměti pro offline přístup a zvýšení výkonu.

Princip fungování je založen na manifest souboru (manifest="appcache.manifest") s příponou .appcache, který popisuje, které soubory je třeba uložit do mezipaměti.

Příklad manifest souboru:

CACHE MANIFEST
# Verze 1.0

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

FALLBACK:
/ /offline.html

NETWORK:
*

Sekce manifest souboru:

CACHE:: Zdroje, které mají být explicitně uložené do mezipaměti.
FALLBACK:: Určuje náhradní zdroje, které budou použity, pokud zdroj není dostupný (například offline stránka).
- <online-zdroj> <offline-zdroj>
NETWORK:: Zdroje, které vždy vyžadují online přístup (obvykle * pro všechny ostatní zdroje).

Použití:

Vytvořte soubor .appcache.

Přidejte atribut manifest k tagu <html>:

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

Nakonfigurujte MIME typ .appcache na serveru jako text/cache-manifest.

Navzdory své funkčnosti má AppCache nevýhody, jako jsou problémy s aktualizací cache, složitá správa a chyby. Je zastaralý a odstraněn ze specifikace HTML5, a jeho funkčnost je nahrazena Service Workers, které poskytují flexibilnější a výkonnější mechanismus pro správu cache a offline funkcionalitu.