Sobes.tech
Middle

Czym jest pamięć podręczna aplikacji w HTML5?

sobes.tech AI

Odpowiedź od AI

Pamięć podręczna aplikacji HTML5 (AppCache) to mechanizm, który umożliwiał działanie aplikacji internetowych w trybie offline, ładując zasoby (HTML, CSS, JS, obrazy) do lokalnej pamięci podręcznej przeglądarki.

Główne komponenty AppCache:

  1. Plik manifestu (Manifest File): Plik tekstowy z rozszerzeniem .appcache, który wymienia zasoby niezbędne do działania aplikacji offline. Jest określany w atrybucie manifest tagu <html>.

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

    • CACHE MANIFEST: Obowiązkowa pierwsza linia.
    • CACHE:: Lista zasobów, które mają być wyraźnie zapisane w pamięci podręcznej.
    • NETWORK:: Zasoby, które zawsze wymagają dostępu do sieci (np. API). Domyślnie wszystko, co nie jest w CACHE i FALLBACK, wymaga sieci.
    • FALLBACK:: Reguły określające zasoby zapasowe na wypadek niedostępności głównych (np. strona offline).
  3. Cykl życia: AppCache ma skomplikowany cykl życia, obejmujący ładowanie manifestu, porównanie wersji, pobieranie zasobów i aktywację nowej pamięci podręcznej.

Zalety:

  • Dostęp offline do aplikacji.
  • Przyspieszenie ładowania dla powracających użytkowników.

Wady:

  • Złożoność w zarządzaniu i aktualizacji pamięci podręcznej ("zawieszona" pamięć podręczna).
  • Mniej elastyczne w porównaniu z Service Workers.

Obecny stan: AppCache został oznaczony jako przestarzały (deprecated) i jest stopniowo usuwany z przeglądarek. Do implementacji funkcji offline i cache'owania zasobów zaleca się korzystanie z Service Workers.