Sobes.tech
Middle

Какво е кешът на приложението в HTML5?

sobes.tech AI

Отговор от AI

Кешът на приложението (Application Cache или AppCache) в HTML5 позволяваше на браузърите да кешират ресурси (HTML, CSS, JavaScript, изображения) за офлайн достъп и подобряване на производителността.

Принципът на работа се базира на манифест-файл (manifest="appcache.manifest") с разширение .appcache, който описва кои файлове трябва да бъдат кеширани.

Пример за манифест-файл:

CACHE MANIFEST
# Версия 1.0

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

FALLBACK:
/ /offline.html

NETWORK:
*

Раздели на манифест-файла:

  • CACHE:: Ресурси, които трябва да бъдат явно кеширани.
  • FALLBACK:: Определя заместителни ресурси, които ще бъдат използвани, ако ресурсът не е наличен (например, за офлайн страница).
    • <онлайн-ресурс> <офлайн-ресурс>
  • NETWORK:: Ресурси, които винаги изискват онлайн достъп (обикновено * за всички останали ресурси).

Използване:

  1. Създайте файл .appcache.
  2. Добавете атрибута manifest към таг <html>:
    <!DOCTYPE html>
    <html manifest="appcache.manifest">
    ...
    </html>
    
  3. Конфигурирайте MIME типа .appcache на сървъра като text/cache-manifest.

Въпреки функционалността си, AppCache има недостатъци като проблеми с актуализацията на кеша, сложност при управление и грешки. Той е остарял и е премахнат от спецификацията HTML5, а неговата функционалност е заменена от Service Workers, които предоставят по-гъвкав и мощен механизъм за управление на кеширането и офлайн функционалността.