La mejora progresiva es una estrategia de desarrollo web que garantiza que tu sitio sea accesible para la mayor cantidad de público posible. El principio básico es que el contenido básico y la funcionalidad de la página deben basarse solo en las tecnologías web más fundamentales. Las experiencias mejoradas, como estilos sofisticados con CSS o interactividad con JavaScript, pueden superponerse en los navegadores que admiten esas tecnologías. Sin embargo, el contenido y la funcionalidad básicos de la página no deben depender de CSS ni JavaScript.
Cómo falla la auditoría de contenido de resguardo de Lighthouse
Lighthouse marca las páginas que no incluyen algo contenido cuando JavaScript no está disponible:
Lighthouse inhabilita JavaScript en la página y, luego, inspecciona el código HTML de la página. Si el código HTML está vacío, no se puede realizar la auditoría.
Cómo asegurarte de que tu página tenga contenido sin JavaScript
La mejora progresiva es un tema amplio y polémico. Un grupo dice que, para adherirse a la estrategia de mejora progresiva, las páginas deben tener capas de modo que el contenido y las funciones básicos de la página solo requieran HTML. Consulta Mejora progresiva: qué es y cómo usarla de Smashing Magazine para ver un ejemplo de este enfoque.
Otro grupo cree que este enfoque estricto es inviable o innecesario para muchas aplicaciones web modernas y a gran escala, y sugiere usar CSS de ruta crítica intercalada en el documento <head> para estilos de página absolutamente críticos.
Dadas estas consideraciones, esta auditoría de Lighthouse realiza una verificación simple para garantizar que tu página no esté en blanco cuando JavaScript está inhabilitado. La rigurosidad de tu app para cumplir con la mejora progresiva es un tema de debate, pero existe un acuerdo generalizado de que todas las páginas deben mostrar, al menos, algo de información cuando JavaScript está inhabilitado, incluso si el contenido es solo una alerta para el usuario que indica que se requiere JavaScript para usar la página.
En el caso de las páginas que deben basarse en JavaScript, un enfoque consiste en usar un elemento <noscript> para alertar al usuario que se requiere JavaScript para la página. Esto es mejor que una página en blanco, ya que esta deja a los usuarios inseguros sobre si existe un problema con la página, sus navegadores o sus computadoras.
Para ver el aspecto y el rendimiento de tu sitio cuando JavaScript está inhabilitado, usa la función Inhabilitar JavaScript de las Herramientas para desarrolladores de Chrome.