ADSENSE
|
Questo post é stato letto 70 volte!
Una società operante nel settore pubblico ha ottenuto un risultato sorprendente: un sito html-first raddoppia utenti, riducendo drasticamente gli errori e migliorando l’accessibilità.
Questo successo è stato raggiunto attraverso la sostituzione di una complessa applicazione React con un approccio HTML-first basato su Astro, salvataggio lato server e progressive enhancement.
Il passaggio all’approccio html-first
In un’epoca in cui molte applicazioni web spostano gran parte delle loro funzionalità lato browser, con l’uso di framework come React, Angular e Vue, l’azienda ha optato per una scelta controcorrente.
Questi framework, sebbene semplifichino la creazione di interfacce complesse, possono introdurre criticità come bundle JavaScript pesanti, numerose dipendenze e problemi di accessibilità, specialmente con connessioni lente o dispositivi datati.
L’azienda, operando in un settore regolamentato con un’ampia platea di utenti, necessitava di soluzioni diverse rispetto a quelle di una piattaforma social o una dashboard aziendale.
Le sfide delle applicazioni web tradizionali
La versione precedente del portale, sviluppata come applicazione React, aveva mostrato gravi malfunzionamenti, portando al suo ritiro dopo soli tre giorni.
Criticità come l’usabilità, i caricamenti asincroni, gli stati globali JavaScript e la gestione degli allegati (memorizzati nel localStorage del browser, con limiti di 5 MB) causavano la perdita dei dati e l’impossibilità di completare le procedure, specialmente per utenti con connessioni limitate o dispositivi obsoleti.
Queste problematiche evidenziavano come la modernizzazione sul web potesse talvolta peggiorare l’esperienza utente anziché migliorarla.
La soluzione adottata: astro e l’html al centro
La nuova versione dell’applicazione è stata riscritta da zero utilizzando Astro, un framework che privilegia la generazione di pagine leggere e contenuti statici.
L’obiettivo non era eliminare JavaScript, ma ridurne drasticamente il ruolo.
Ogni schermata guidata corrispondeva a una pagina autonoma, con i dati inviati al server tramite comunicazione HTTP e salvati immediatamente nel backend.
Questo modello, utilizzato da decenni, garantisce robustezza e funzionalità anche in assenza di JavaScript.
Persistenza dei dati e affidabilità
Un aspetto cruciale del progetto è stata la gestione delle sessioni.
Ogni compilazione del modulo riceveva un identificativo univoco e ogni passaggio salvava immediatamente le informazioni sul server, inclusi gli allegati.
Questa scelta ha eliminato una delle cause più frequenti di abbandono: la perdita accidentale dei dati.
Il modello, simile a un sistema di salvataggio incrementale lato server, ha offerto livelli di affidabilità nettamente superiori rispetto all’archiviazione locale nel browser.
Accessibilità e compatibilità universale
Il progetto ha posto grande enfasi sull’accessibilità, influenzato da un episodio che ha mostrato come non tutti gli utenti dispongano di hardware recente o connessioni affidabili.
Requisiti precisi includevano la compatibilità con browser datati, il funzionamento completo senza JavaScript e la conformità agli standard WCAG (Web Content Accessibility Guidelines) di livello AA, garantendo l’accessibilità a persone con disabilità.
Validazione dei moduli senza dipendenze pesanti
Per la validazione dei campi, invece di ricorrere a librerie complesse, il progetto ha sfruttato gli attributi HTML standard (required, pattern, minLength).
Un piccolo Web Component è stato introdotto per migliorare l’esperienza, visualizzando gli errori generati dal browser e utilizzando attributi ARIA per le tecnologie assistive.
Questo approccio a più livelli di protezione, basato sulla progressive enhancement, assicura che il sito funzioni correttamente nella forma più semplice, aggiungendo miglioramenti estetici e funzionali solo in seguito.
Lezioni apprese e prospettive future
Al momento del rilascio, il numero di pratiche completate è raddoppiato in modo inatteso.
I sistemi di analisi tradizionali non riuscivano a spiegare questo traffico aggiuntivo, poiché molti strumenti di analytics dipendono da script JavaScript eseguiti nel browser e non registrano correttamente gli utenti che abbandonano il sito o incontrano errori.
Riducendo la dipendenza da JavaScript, sono stati intercettati utenti che prima non venivano conteggiati.
Questa vicenda dimostra che prestazioni, accessibilità e affidabilità non sono vincoli, ma elementi che favoriscono l’innovazione.
La tecnologia migliore dipende sempre dal problema da risolvere, e per obiettivi come la compilazione di moduli senza errori, HTML, HTTP e la validazione lato server rimangono strumenti estremamente efficaci.
Questo post é stato letto 70 volte!