Sobes.tech
Middle

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

sobes.tech IA

Resposta da IA

O Cache de Aplicações HTML5 (AppCache) é um mecanismo que permitia às aplicações web funcionarem offline, carregando recursos (HTML, CSS, JS, imagens) na cache local do navegador.

Componentes principais do AppCache:

  1. Ficheiro de manifesto (Manifest File): Um ficheiro de texto com extensão .appcache, que lista os recursos necessários para o funcionamento offline da aplicação. Especifica-se no atributo manifest da tag <html>.

    <html manifest="example.appcache">
    ...
    </html>
    
  2. Secções do manifesto:

    • CACHE MANIFEST: Primeira linha obrigatória.
    • CACHE:: Lista de recursos que devem ser explicitamente cacheados.
    • NETWORK:: Recursos que requerem sempre acesso à rede (por exemplo, API). Por padrão, tudo o que não estiver em CACHE e FALLBACK requer rede.
    • FALLBACK:: Regras para definir recursos de reserva em caso de indisponibilidade dos principais (por exemplo, página offline).
  3. Ciclo de vida: O AppCache tem um ciclo de vida complexo, incluindo carregamento do manifesto, comparação de versões, download de recursos e ativação do novo cache.

Vantagens:

  • Acesso offline à aplicação.
  • Aceleração do carregamento para utilizadores recorrentes.

Desvantagens:

  • Complexidade na gestão e atualização do cache ("cache pendurado").
  • Menos flexível em comparação com Service Workers.

Estado atual: O AppCache foi declarado obsoleto (deprecated) e está a ser removido gradualmente dos navegadores. Para implementar funcionalidades offline e cache de recursos, recomenda-se usar Service Workers.