Non fornisce contenuti di riserva quando JavaScript non è disponibile

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:

Controllo Lighthouse che mostra che la pagina non include alcuni contenuti quando JS 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.

Risorse