Sobes.tech
Middle

Čo je to cache aplikácie v HTML5?

sobes.tech AI

Odpoveď od AI

Cache aplikácie HTML5 (AppCache) je mechanizmus, ktorý umožňoval webovým aplikáciám pracovať offline tým, že načítava zdroje (HTML, CSS, JS, obrázky) do lokálnej cache prehliadača.

Hlavné komponenty AppCache:

  1. Manifest súbor (Manifest File): Textový súbor s príponou .appcache, ktorý vypisuje zdroje potrebné na offline prevádzku aplikácie. Je špecifikovaný v atribúte manifest tagu <html>.

    <html manifest="example.appcache">
    ...
    </html>
    
  2. Sekcie manifestu:

    • CACHE MANIFEST: Povinný prvý riadok.
    • CACHE:: Zoznam zdrojov, ktoré majú byť explicitne uložené do cache.
    • NETWORK:: Zdroje, ktoré vždy vyžadujú sieťové pripojenie (napríklad API). Vo výchozom nastavení všetko, čo nie je v CACHE a FALLBACK, vyžaduje sieť.
    • FALLBACK:: Pravidlá na definovanie záložných zdrojov v prípade nedostupnosti hlavných (napríklad offline stránka).
  3. Životný cyklus: AppCache má zložitý životný cyklus, ktorý zahŕňa načítanie manifestu, porovnanie verzií, sťahovanie zdrojov a aktiváciu novej cache.

Výhody:

  • Offline prístup k aplikácii.
  • Zrýchlenie načítania pre vracajúcich sa používateľov.

Nevýhody:

  • Zložitosť v správe a aktualizácii cache ("zaseknutá" cache).
  • Menej flexibilné v porovnaní so Service Workers.

Aktuálny stav: AppCache bol vyhlásený za zastaraný (deprecated) a postupne sa odstraňuje z prehliadačov. Na implementáciu offline funkcií a cacheovania zdrojov sa odporúča používať Service Workers.