HTML5'te uygulama önbelleği nedir?

HTML5'teki Uygulama Önbelleği (Application Cache veya AppCache), tarayıcıların kaynakları (HTML, CSS, JavaScript, resimler) çevrimdışı erişim ve performans artırımı için önbelleğe almasına izin veriyordu.

Çalışma prensibi, .appcache uzantılı ve manifest="appcache.manifest" ile belirtilen bir manifest dosyasına dayanır; bu dosya, hangi dosyaların önbelleğe alınması gerektiğini tanımlar.

Bir manifest dosyasına örnek:

CACHE MANIFEST
# Versiyon 1.0

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

FALLBACK:
/ /offline.html

NETWORK:
*

Manifest dosyasının bölümleri:

CACHE:: Açıkça önbelleğe alınması gereken kaynaklar.
FALLBACK:: Bir kaynak erişilemediğinde kullanılacak yedek kaynakleri tanımlar (örneğin, çevrimdışı sayfa için).
- <çevrimiçi kaynak> <çevrimdışı kaynak>
NETWORK:: Her zaman çevrimiçi erişim gerektiren kaynaklar (genellikle * diğer tüm kaynaklar için).

Kullanım:

.appcache uzantılı bir dosya oluşturun.

<html> etiketi içine manifest özniteliği ekleyin:

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

Sunucuda .appcache MIME tipini text/cache-manifest olarak ayarlayın.

İşlevselliğine rağmen, AppCache'nin güncelleme sorunları, yönetim karmaşıklığı ve hatalar gibi dezavantajları vardır. HTML5 spesifikasyonundan kaldırılmış ve eski olup, işlevselliği Service Workers ile değiştirilmiştir; bu, önbellekleme ve çevrimdışı işlevselliği yönetmek için daha esnek ve güçlü bir mekanizma sağlar.