Il miglioramento progressivo è una strategia di sviluppo web che garantisce che il sito sia accessibile al più ampio pubblico possibile. Il principio fondamentale è che le funzionalità di base dei contenuti e delle pagine devono basarsi solo sulle tecnologie web più fondamentali. Le esperienze avanzate, come l'applicazione di uno stile sofisticato mediante CSS o l'interattività mediante JavaScript, possono essere sovrapponibili per i browser che supportano queste tecnologie. Tuttavia, i contenuti di base e le funzionalità delle pagine non dovrebbero basarsi su CSS o JavaScript.
In che modo il controllo dei contenuti di riserva di Lighthouse non va a buon fine
Lighthouse segnala le pagine che non includono alcuni contenuti quando JavaScript non è disponibile:
Lighthouse disattiva JavaScript sulla pagina, quindi controlla il codice HTML della pagina. Se il codice HTML è vuoto, il controllo non va a buon fine.
Come assicurarsi che nella pagina siano presenti contenuti senza JavaScript
Il miglioramento progressivo è un argomento ampio e controverso. In un campo si afferma che, per aderire alla strategia di miglioramento progressivo, le pagine devono essere disposte su livelli in modo che i contenuti di base e le funzionalità delle pagine richiedano solo HTML. Consulta Progressive Enhancement: What It Is, And How To Use It di Smashing magazine per un esempio di questo approccio.
Un altro camp ritiene che questo approccio rigoroso sia impossibile o non necessario per molte applicazioni web moderne su larga scala e suggerisce di utilizzare CSS con percorsi critici in linea nel documento <head>
per stili di pagina assolutamente critici.
Alla luce di queste considerazioni, questo controllo Lighthouse esegue un semplice controllo per garantire che la pagina non sia vuota quando JavaScript è disattivato. La conformità della tua app al miglioramento progressivo è oggetto di discussione, ma si concorda sul fatto che tutte le pagine debbano mostrare almeno alcune informazioni quando JavaScript è disattivato, anche se il contenuto è semplicemente un avviso per l'utente che JavaScript è necessario per utilizzare la pagina.
Per le pagine che devono assolutamente basarsi su JavaScript, un approccio consiste nell'utilizzare un elemento <noscript>
per avvisare l'utente che JavaScript è necessario per la pagina. È meglio di una pagina vuota, perché in questo modo gli utenti non sono sicuri che ci sia un problema con la pagina, i browser o i computer.
Per verificare l'aspetto e le prestazioni del tuo sito quando JavaScript è disattivato, utilizza la funzionalità Disattiva JavaScript di Chrome DevTools.