del faro Google

Descripción Google Lighthouse

¿Sabías? Basta que tu web no cargue en los primeros tres segundos para que el 53% de los usuarios te abandonen muy rápido.

La solución obvia es aumentar la velocidad y el rendimiento de su sitio web.

Precisamente, Google Lighthouse es la herramienta perfecta que puedes utilizar de forma gratuita para probar las páginas de tu sitio web en términos de rendimiento, accesibilidad y referenciación natural.

Descubramos en esta breve descripción cómo funciona la herramienta Google Lighthouse.

¿Qué es Google Lighthouse?

Google Lighthouse es la respuesta a la falta de una herramienta perfecta para ayudar a los sitios web famosos que tenían problemas de rendimiento.

Así es como Google Lighthouse vio sus días como una herramienta automatizada para medir el rendimiento, la accesibilidad y las puntuaciones de SEO. 

Ayuda a muchos desarrolladores de todo el mundo a mejorar y potenciar sus páginas web en consecuencia para ganar autoridad en las SERP.

De hecho, Lighthouse optimiza cada segmento de una página como:

• La jerarquía DOM; 
• La jerarquía de cada etiqueta HTML 5; 
• CSS y JavaScript no utilizados; 
• La proporción de combinaciones de colores; 
• El tiempo de carga de Js y Css de terceros;
• Y muchas otras cosas

¿Qué mide Google Lighthouse?

Google Lighthouse brinda un desglose claro de las métricas más importantes de su sitio web, como:

• Del sitio 

Rendimiento

Al igual que PageSpeed ​​​​Insights, el área ‘Rendimiento’ del informe Lighthouse contiene algunas métricas útiles que puede usar para hacer que su sitio se desempeñe para escalar en las clasificaciones de Google.

Estos son esencialmente:

• Primera pintura con contenido: aún llamada FCP, esta métrica mide el tiempo requerido para que el navegador muestre el primer contenido DOM (Modelo de objeto del documento) de la página. El contenido DOM puede ser imágenes, SVG, etc. Lighthouse muestra la puntuación de FCP en segundos;
• Índice de velocidad: Google Lighthouse proporciona este puntaje para medir qué tan rápido se muestra visualmente el contenido al cargar la página;
• Cambio de diseño acumulativo: a menudo abreviado como CLS, la puntuación CLS indica el número de cambios de diseño que se producen durante una carga de página completa.

Seguir las mejoras de rendimiento del sitio prescritas por Google Lighthouse le dará una mejor oportunidad de obtener una clasificación más alta en las páginas de resultados del motor de búsqueda.

• Accesibilidad del sitio web

Básicamente, esta métrica presenta oportunidades potenciales para mejorar la disponibilidad y la experiencia del cliente de su aplicación móvil o sitio web.

El seguimiento del informe de mejora de la accesibilidad garantizará que sus clientes puedan explorar y utilizar su sitio sin mucho esfuerzo.

Estas son las pruebas importantes realizadas por la herramienta en términos de accesibilidad:

• Estructura de los elementos: Lighthouse te brinda información garantizando que tu contenido HTML esté muy bien organizado;
• Contraste del sitio: Lighthouse le brinda información sobre el contrato de su sitio web para informarle si su contenido es legible y descifrable o no;
• Nombramiento de elementos: cuando ciertos elementos de su sitio web, como el texto alternativo para las imágenes, no se nombran de manera adecuada y significativa, Lighthouse se lo hará saber.

Mientras brinda una descripción general precisa de las sugerencias de accesibilidad, la herramienta también le revelará qué auditorías ha superado, qué enfoques no son relevantes y qué comprobaciones adicionales debe realizar.

• Mejores prácticas

Otro segmento igualmente importante de la herramienta Google Lighthouse es la métrica de mejores prácticas.

Esta parte del informe de Lighthouse no proporciona datos de rendimiento de manera clara.

Sin embargo, le dará recomendaciones que pueden mejorar tanto su exposición como la experiencia del cliente, especialmente para sitios móviles.

• Referenciación natural

La última y más dinámica fortaleza de la herramienta Lighthouse de Google es la métrica SEO.

La mayoría de los diseñadores web y especialistas en SEO prefieren usar Google Lighthouse para analizar un sitio porque incluso PageSpeed ​​​​no tiene una función de revisión de SEO.

La métrica de SEO de la herramienta se basa en los fundamentos para examinar la optimización de su página para la clasificación de los resultados del motor de búsqueda.

Sin embargo, esto es lo que Lighthouse puede examinar en términos de SEO:

• La herramienta verifica si la indexación de la página no experimenta ningún impedimento;
• Lighthouse le permite ver si los enlaces tienen texto descriptivo;
• Marca las páginas sin un código de estado HTTP exitoso;
• Denuncia complementos no deseados que impiden el correcto funcionamiento;
• Comprueba si el documento tiene un componente <título>;
• También verifica la disponibilidad de un hreflang válido en el documento;
• Verifica la existencia de etiquetas de meta descripción en su longitud razonable;
• Lighthouse verifica si el documento tiene un rel=canonical válido;
• También comprueba si el documento utiliza tamaños de fuente legibles;
• También verifica si hay una etiqueta <meta name=»viewport»> con un ancho o escala inicial.

Además, ofrece controles adicionales ejecutados físicamente. Estos incorporan la prueba Google Mobile-friendly Test y una función de prueba de datos estructurados.

¿Cómo instalar Google Lighthouse? 

Para instalar Lighthouse, tiene varias opciones:

• Instalar la extensión Lighthouse

La forma más fácil de instalar y usar Lighthouse es ir a la tienda de Chrome, descargar la extensión gratuita y agregarla a su Navegador.

Una vez instalado, puede consultar cada página directamente en su navegador seleccionando el ícono de Lighthouse en su navegador y haciendo clic en «generar informe» para ver problemas y recomendaciones.

• Herramientas para desarrolladores de Chrome

Esta es quizás la opción más fácil para ejecutar la auditoría de Google Lighthouse. 

Chrome DevTools es la forma más fácil de ejecutar auditorías en páginas que requieren autenticación. Los informes también se proporcionan en un formato fácil de usar.

Aunque utiliza un método de instalación diferente, también necesitará Chrome para que esta herramienta funcione.

Con Chrome DevTools, todo lo que tiene que hacer es ir a la página que desea auditar, hacer clic con el botón derecho y seleccionar ‘inspeccionar elemento’. 

Habrá una pestaña de auditoría en Google Lighthouse, donde puede ejecutar la auditoría y obtener un informe en 90 segundos o menos.

En general, Google Lighthouse es una herramienta de auditoría casi perfecta que puede usar para verificar y mejorar el rendimiento de su sitio web.