O que é o cache de aplicação em HTML5?

A cache de aplicações (Application Cache ou AppCache) no HTML5 permitia aos navegadores armazenar recursos (HTML, CSS, JavaScript, imagens) para acesso offline e melhorar o desempenho.

O princípio de funcionamento baseia-se num ficheiro de manifesto (manifest="appcache.manifest") com extensão .appcache, que descreve quais os ficheiros a serem armazenados em cache.

Exemplo de ficheiro de manifesto:

CACHE MANIFEST
# Versão 1.0

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

FALLBACK:
/ /offline.html

NETWORK:
*

Secções do ficheiro de manifesto:

CACHE:: Recursos que devem ser explicitamente armazenados em cache.
FALLBACK:: Define recursos substitutos que serão usados se um recurso não estiver disponível (por exemplo, para uma página offline).
- <recurso online> <recurso offline>
NETWORK:: Recursos que sempre requerem acesso online (geralmente * para todos os outros recursos).

Utilização:

Criar um ficheiro .appcache.

Adicionar o atributo manifest à tag <html>:

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

Configurar o tipo MIME .appcache no servidor como text/cache-manifest.

Apesar da sua funcionalidade, o AppCache tem desvantagens, como problemas na atualização do cache, gestão complexa e erros. Está obsoleto e removido da especificação HTML5, sendo substituído pelos Service Workers, que oferecem um mecanismo mais flexível e potente para gerir o cache e a funcionalidade offline.