Il miglioramento progressivo è una strategia di sviluppo web che assicura che il sito sia accessibile al pubblico più ampio possibile. Il principio fondamentale è che i contenuti e le funzionalità delle pagine di base devono basarsi solo sulle tecnologie web più fondamentali. Le esperienze avanzate, come l'applicazione di stili sofisticati con CSS o l'interattività tramite JavaScript, possono essere sovrapponibili per i browser che supportano queste tecnologie. Tuttavia, i contenuti di base e le funzionalità della pagina non devono basarsi su CSS o JavaScript.
Come 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 nella pagina, quindi ne controlla il codice HTML. Se il codice HTML è vuoto, il controllo non va a buon fine.
Come fare in modo che la pagina includa contenuti senza JavaScript
Il miglioramento progressivo è un argomento vasto e controverso. In un campo si afferma che, per aderire alla strategia di miglioramento progressivo, le pagine devono essere sovrapposte in modo che i contenuti di base e le funzionalità delle pagine richiedano solo HTML. Vedi Progressive Enhancement: What It Is, And How To Use It di Smashing Magazine per un esempio di questo approccio.
Un altro campo ritiene che questo approccio rigoroso sia impossibile o non necessario per molte applicazioni web moderne e su larga scala e suggerisce di utilizzare CSS con percorsi critici in linea nel documento <head> per stili di pagina assolutamente fondamentali.
Alla luce di questi aspetti, questo controllo Lighthouse esegue un semplice controllo per garantire che la pagina non sia vuota quando JavaScript è disabilitato. La conformità della tua app al miglioramento progressivo è un argomento dibattuto, ma è ampiamente concordato che tutte le pagine debbano mostrare almeno alcune informazioni quando JavaScript è disabilitato, anche se i contenuti sono 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. Questa è meglio di una pagina vuota, perché lascia agli utenti incerti se c'è un problema con la pagina, i loro browser o i loro computer.
Per vedere l'aspetto e le prestazioni del tuo sito quando JavaScript è disattivato, utilizza la funzionalità Disattiva JavaScript di Chrome DevTools.