¿Qué es Google Lighthouse?

La forma en que un usuario experimenta tu sitio web y sus páginas puede afectar en gran medida a la clasificación de tu contenido en los resultados de búsqueda de Google. 

Afortunadamente, Google Lighthouse es la herramienta perfecta para quienes desean auditar su sitio web y sus páginas. 

Google Lighthouse es una herramienta gratuita, automatizada y de código abierto, que se utiliza para mejorar la calidad de las páginas web. Puede ejecutarse en cualquier página web, tanto si es pública como si aún requiere autenticación.

La herramienta proporciona auditorías de rendimiento, accesibilidad, aplicaciones web progresivas, SEO y mucho más.

En este artículo veremos qué es Google Lighthouse y cómo puede utilizarse para evaluar y mejorar la experiencia de usuario de tus páginas web. 

• ¿Qué es Google Lighthouse?
  • Auditorías Google Lighthouse
  • Informes Google Lighthouse
• Puntuación de Google Lighthouse
  • Sistema de puntuación Google Lighthouse
  • Comprender tu puntuación
• Cómo acceder a Google Lighthouse
• Extensibilidad de Google Lighthouse
  • Packs apilados
  • Plugins del Faro

¿Qué es Google Lighthouse? 

Sabemos, gracias a Core Web Vitals, que Google sigue poniendo cada vez más énfasis en la forma en que el usuario experimenta una página. 

Lighthouse es una herramienta diseñada para ayudar a los desarrolladores a hacer que sus páginas sean fáciles de usar.

Lighthouse es una herramienta gratuita que te permite realizar auditorías en distintas áreas de tu sitio web y luego te proporciona informes que pueden ayudarte a evaluar la experiencia de usuario de cualquier página de tu sitio web.

¿Aún no has diseñado tu sitio web? Echa un vistazo a nuestro Creador de sitios webWordPress .

Auditorías Google Lighthouse

La forma en que Lighthouse te ayuda es realizando auditorías de tu sitio web que te proporcionan valiosos comentarios sobre cómo mejorarlo. 

Cada informe de Google Lighthouse contiene cinco auditorías, cada una de las cuales está diseñada para centrarse en un área específica de tu sitio web.

Las cinco auditorías son:

• Auditorías de rendimiento: Miden el rendimiento y encuentran oportunidades para acelerar la carga de las páginas. Estas comprobaciones garantizan que tu página está optimizada para que los usuarios puedan ver el contenido de la página e interactuar con él.
• Auditorías PWA: Mide si tu sitio es rápido, fiable e instalable. Estas comprobaciones validan los aspectos de una Web App Progresiva.
• Auditorías de buenas prácticas: Mejora la salud del código de tu página web siguiendo estas buenas prácticas. Estas comprobaciones ponen de relieve las oportunidades para mejorar la salud general del código de tu aplicación web.
• Auditorías de accesibilidad: ¿Pueden todos los usuarios acceder al contenido y navegar por tu sitio de forma eficaz? Estas comprobaciones ponen de relieve las oportunidades de mejorar la accesibilidad de tu aplicación web. Sólo se puede detectar automáticamente un subconjunto de problemas de accesibilidad, por lo que también se recomienda realizar pruebas manuales.
• Auditorías SEO: ¿En qué medida entienden tu contenido los motores de búsqueda? Estas comprobaciones garantizan que tu página está optimizada para la clasificación en los resultados de los motores de búsqueda.

Informes Google Lighthouse

Los informes de Google Lighthouse utilizan una escala de puntuación de 0 a 100, y cada sección de un informe puede ampliarse para mostrar información detallada con consejos directos sobre cómo mejorar tu sitio web.

Estos informes ofrecen a los usuarios consejos y una potente perspectiva que pueden aplicar a una página web concreta para mejorar su rendimiento. 

Al visualizar tus informes Lighthouse, la sección Oportunidades contiene sugerencias detalladas y documentación sobre cómo ponerlas en práctica, mientras que la sección Diagnósticos proporciona orientación adicional que los desarrolladores pueden explorar para mejorar aún más su rendimiento.

Una vez que hayas puesto en práctica las sugerencias de Google Lighthouse en tu informe original, puedes volver a ejecutar la aplicación para comprobar si tu puntuación ha mejorado. 

Puntuación de Google Lighthouse

Los informes Lighthouse dan una puntuación global de Rendimiento.

Esta puntuación es una media ponderada de todas las puntuaciones de las métricas. Las métricas más ponderadas tienen un mayor efecto en tu puntuación general de Rendimiento. Las puntuaciones de las métricas se calculan detrás de los esquemas y no son visibles en el informe.

Sistema de puntuación Google Lighthouse

Para intentar que las puntuaciones sean más fáciles de entender, Google utiliza un sistema de codificación por colores para las puntuaciones proporcionadas en los informes Lighthouse. 

Las puntuaciones de Google Lighthouse están coloreadas según estos rangos:

• 90-100 (verde): Bien
• 50-89 (naranja): Necesita mejorar
• 0-49 (rojo): Pobre

Google sugiere que los sitios web deben aspirar a tener una buena puntuación de 90-100, aunque no se espera alcanzar una puntuación de 100, ya que es extremadamente difícil de conseguir. 

Según Google, mejorar una puntuación de 99 a 100 requiere aproximadamente la misma cantidad de mejora métrica que se necesitaría para mejorar una puntuación de 90 a 94.

En el informe Lighthouse, la sección Oportunidades contiene sugerencias detalladas y documentación sobre cómo ponerlas en práctica. Además, la sección Diagnósticos enumera orientaciones adicionales que los desarrolladores pueden explorar para mejorar aún más su rendimiento.

Comprender tu puntuación

Las puntuaciones en Google Lighthouse pueden fluctuar por diversas razones. 

Algunos de los problemas subyacentes más comunes que pueden hacer fluctuar tu puntuación son:

• Pruebas A/B o cambios en los anuncios servidos
• Cambios en el encaminamiento del tráfico de Internet
• Pruebas en distintos dispositivos, como un ordenador de sobremesa de alto rendimiento y un portátil de bajo rendimiento
• Extensiones del navegador que inyectan JavaScript y añaden/modifican peticiones de red
• Software antivirus

Cómo acceder a Google Lighthouse

Hay cuatro métodos diferentes que puedes utilizar para realizar auditorías de Google Lighthouse.

Google te sugiere que elijas el flujo de trabajo de Lighthouse que más te convenga.

Las cuatro opciones son las siguientes:

• En Chrome DevTools: Audita fácilmente las páginas que requieren autenticación y lee tus informes en un formato fácil de usar.
• Desde la línea de comandos: Automatiza tus ejecuciones de Lighthouse mediante scripts de shell.
• Como módulo Node: Integra Lighthouse en tus sistemas de integración continua.
• Desde una interfaz web: Ejecuta Lighthouse y enlaza con informes sin instalar nada.

Extensibilidad

El objetivo de Google Lighthouse es ofrecer información y orientación relevantes y prácticas para todos los desarrolladores web.

Teniendo esto en cuenta, Google ha añadido dos funciones ahora disponibles que te permiten ajustar Lighthouse para que se adapte a tus necesidades específicas.

Packs apilados

A los desarrolladores les gusta utilizar herramientas diferentes. Afortunadamente, ahora Lighthouse es capaz de proporcionar consejos más relevantes y procesables en función de las herramientas que se utilicen, en lugar de limitarse a sugerir recomendaciones generales.

Los Stack Packs permiten a Lighthouse detectar en qué plataforma has construido tu sitio web y mostrar recomendaciones específicas basadas en pilas. Las recomendaciones de Stack Pack son definidas y curadas por expertos de la comunidad.

Plugins del Faro

Los plugins de Google Lighthouse permiten a los expertos de la comunidad ampliar la funcionalidad de Lighthouse para satisfacer sus necesidades específicas. 

Ahora los usuarios pueden aprovechar los datos que recoge Lighthouse para crear nuevas auditorías. 

---

Google Lighthouse es una herramienta útil para mejorar el rendimiento general de tu sitio web.

Con cinco auditorías diferentes, todas ellas centradas en distintos elementos de la experiencia del usuario en la página, Lighthouse es capaz de proporcionar a los usuarios información procesable que pueden utilizar para hacer que su sitio sea mejor para quienes acceden a él. 

Lo mejor de todo es que su uso es totalmente gratuito. 

Añade Google Lighthouse a tu caja de herramientas hoy mismo.