Caricamento istantaneo delle app web con un'architettura della shell dell'applicazione

Una shell dell'applicazione è il codice HTML, CSS e JavaScript minimo che supporta un'interfaccia utente. La shell dell'applicazione deve:

  • caricamento rapido
  • essere memorizzati nella cache
  • visualizzare i contenuti in modo dinamico

Una shell dell'applicazione è il segreto per prestazioni affidabili. Pensa alla shell della tua app come al bundle di codice che pubblicheresti in un app store se stessi creando un'app nativa. È il carico necessario per iniziare, ma potrebbe non essere tutto. Mantiene l'interfaccia utente locale e recupera i contenuti in modo dinamico tramite un'API.

Separazione della shell dell'app da HTML, JS e CSS e dai contenuti HTML

Sfondo

L'articolo di Alex Russell sulle app web progressive descrive in che modo un'app web può cambiare progressivamente con l'uso e il consenso dell'utente per offrire un'esperienza più simile a quella di un'app nativa, completa di supporto offline, notifiche push e la possibilità di essere aggiunta alla schermata Home. Dipende molto dai vantaggi in termini di funzionalità e prestazioni dei service worker e dalle loro capacità di memorizzazione nella cache. In questo modo puoi concentrarti sulla velocità, offrendo alle tue app web lo stesso caricamento istantaneo e gli aggiornamenti regolari che vedi nelle applicazioni native.

Per sfruttare appieno queste funzionalità, abbiamo bisogno di un nuovo modo di pensare ai siti web: l'architettura dell'involucro dell'applicazione.