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

Pamięć podręczna aplikacji (Application Cache lub AppCache) w HTML5 pozwalała przeglądarkom na buforowanie zasobów (HTML, CSS, JavaScript, obrazy) do dostępu offline i poprawy wydajności.

Zasada działania opiera się na pliku manifestu (manifest="appcache.manifest") z rozszerzeniem .appcache, który opisuje, które pliki mają być buforowane.

Przykład pliku manifestu:

CACHE MANIFEST
# Wersja 1.0

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

FALLBACK:
/ /offline.html

NETWORK:
*

Sekcje pliku manifestu:

CACHE:: Zasoby, które mają być jawnie buforowane.
FALLBACK:: Określa zasoby zamienne, które będą używane, gdy zasób jest niedostępny (np. strona offline).
- <zasób online> <zasób offline>
NETWORK:: Zasoby, które zawsze wymagają dostępu online (zwykle * dla wszystkich pozostałych zasobów).

Użycie:

Utwórz plik .appcache.

Dodaj atrybut manifest do tagu <html>:

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

Skonfiguruj typ MIME .appcache na serwerze jako text/cache-manifest.

Pomimo swojej funkcjonalności, AppCache ma wady, takie jak problemy z aktualizacją pamięci podręcznej, złożoność zarządzania i błędy. Jest przestarzały i usunięty ze specyfikacji HTML5, a jego funkcjonalność została zastąpiona przez Service Workers, które zapewniają bardziej elastyczny i potężny mechanizm zarządzania pamięcią podręczną i funkcjonalnością offline.

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