¿Qué es Google Lighthouse?

what is google lighthouse

¿No sería bueno que pudieras ver tu sitio web a través de los ojos de Google?

Todos sabemos que los detalles del algoritmo de Google son un secreto muy bien guardado. Al mismo tiempo, tenemos mucha información sobre los aspectos que Google considera importantes a la hora de juzgar un sitio web.

Además, Google nos ofrece una serie de herramientas gratuitas diseñadas para ayudarnos a mejorar nuestros sitios web, y una de ellas es Google Lighthouse.

Un factor de posicionamiento que sabemos que se está volviendo cada vez más crítico es la experiencia en la página, y Google Lighthouse podría ser la herramienta que necesitas para asegurarte de que tu sitio web tenga un buen rendimiento en esta área y en muchas más.

¿Qué es Google Lighthouse?

Google Lighthouse es una herramienta gratuita que proporciona información muy útil para ayudarte a mejorar tu sitio web. Al generar un informe de Lighthouse, puedes evaluar la experiencia de cualquier página web y acceder a valiosos consejos para mejorar tu rendimiento.

Google ha aumentado recientemente el énfasis en la experiencia en la página, incluida la adición de un nuevo conjunto de señales vitales de Core Web Vital. Las señales desglosan cómo es la experiencia de un usuario en tu página, y puedes ver el rendimiento de tu sitio web en esta área a través de Lighthouse.

Dado que Lighthouse es una aplicación de Google, podría ser una buena manera de ver tu sitio web de la manera en que Google podría verlo, sabiendo que cualquier recomendación viene directamente del propio gigante de los motores de búsqueda.

Lo mejor de Lighthouse es que ofrece información práctica y es fácil de usar. Con solo unos pocos clics, puedes obtener información detallada sobre la experiencia en la página, lo que te permitirá mejorar tu rendimiento.

Google Lighthouse report

Con más de 3.500 millones de búsquedas al día, Google es, con mucho, el motor de búsqueda más popular. Por lo tanto, ser capaz de ver cómo la empresa te ve y evalúa tu sitio web es extremadamente útil.

¿Qué métricas mide Google Lighthouse?

Cada informe de Lighthouse tiene cinco categorías: rendimiento, accesibilidad, mejores prácticas, SEO y aplicación web progresiva. Google ha confirmado que aspectos como la velocidad de carga y la experiencia móvil son factores en su algoritmo, por lo que estas métricas pueden darte la posibilidad de ver tu rendimiento en estas áreas cruciales.

Con un claro sistema de clasificación de 1 a 100, Lighthouse te permite auditar tus páginas y encontrar áreas en que puedes mejorar. Puedes expandir cada sección para obtener información detallada y encontrar lugares donde puedas mejorar rápidamente tu página, como se muestra en la captura de pantalla a continuación.

Una vez que hayas implementado los cambios, puedes volver a consultar a Lighthouse para determinar si han mejorado tu calificación.

Expanded Google Lighthouse report

Por ejemplo, si expandes la sección «rendimiento», se pueden encontrar datos directamente relacionados con los principales indicadores de la web, como el tiempo de interactividad y el primer despliegue de contenido.

Estas métricas te dan una idea de la velocidad de carga tu página y de la rapidez con la que se percibe que se carga. En otras palabras, no se trata solo de la rapidez con la que se carga toda la página, sino del tiempo que tarda el usuario en poder interactuar correctamente con ella.

Esta información es muy importante porque la velocidad en la que se percibe que se carga marca una gran diferencia en la forma en que las personas interactúan con tu sitio web:

  • El 46% de los usuarios dice que esperar a que las páginas se carguen es la peor parte de su experiencia de navegación móvil.
  • La página de destino móvil promedio tarda 15,3 segundos en cargarse.
  • En promedio, la gente pasa un 70% más de tiempo en las páginas que se cargan en cinco segundos.
  • Por cada 100 milisegundos que tu sitio web tarda en cargarse, tu tasa de conversión puede caer un 7%.

Estas métricas son una parte muy importante de la experiencia del usuario, y Lighthouse utiliza los core web vitals para darte una idea de la calidad y el rendimiento de tu página web.

Cuando tienes esta información e incluso consejos útiles para mejorar el rendimiento, es probable que tengas mucho de lo que necesitas para realizar mejoras técnicas en tu sitio.

¿Cómo funciona Google Lighthouse?

Puedes pensar que puedes tener una buena idea de la rapidez con la que se cargan tus páginas escribiendo tu URL en la barra de búsqueda y viendo si se carga bien o no.

Sin embargo, cada persona navega por Internet de manera muy diferente, y la forma en que alguien busca tu sitio en el otro lado del mundo puede ser muy diferente de la forma en que tú lo haces.

Google sabe que la mayor parte del tráfico proviene de dispositivos móviles, y también sabe que la mayoría de los usuarios no tiene acceso a 4G o 5G súper rápidos. Para simular esto, Google prueba tu página web visitando tu sitio a través de una conexión 3G subóptima en un dispositivo lento.

¿Por qué Google hace esto?

Bueno, casi cualquier sitio web puede cargarse rápidamente en una conexión 5G, pero eso no beneficia a la mayoría de las personas que no tienen un acceso tan rápido. Google quiere enviar a todos sus usuarios a la mejor página para responder a sus consultas de búsqueda, por lo que tiene como objetivo posicionar los sitios web que ofrezcan la mejor experiencia.

Si tu sitio funciona bien con una mala conexión 3G, también lo hará con la última conexión 5G. Por lo tanto, Google aprende más sobre tu sitio al probarlo con una conexión 3G.

Si esta es la forma en que Google juzga tu sitio web, entonces también es la forma en que tú debes hacerlo, y esta es la razón por la que Google Lighthouse puede ser tan útil.

El papel de los Core Web Vitals en Google Lighthouse

Como ya he mencionado, Google ha puesto mucho énfasis en la experiencia en la página, y tiene todo el sentido del mundo: la forma en que los usuarios experimentan tu página web es crucial. Los recientes anuncios de Google sobre los core web vitals son el siguiente paso en esta evolución, y es probable que se conviertan en un factor de posicionamiento en 2021.

Los core web vitals son algunos de los primeros datos que aparecen en tu informe de Lighthouse; está claro que estas señales son importantes para Google. Por lo tanto, ocupan un lugar destacado en la parte de rendimiento de tu informe.

Los core web vitals tienen tres métricas clave, y aunque el lenguaje puede ser un poco complicado, son elementos que se pueden apreciar cuando se es usuario final:

Carga: renderizado del mayor elemento con contenido o Largest Contentful Paint (LCP)

Como usuario, no necesitas necesariamente que toda la página se cargue rápidamente, pero necesitas que el contenido más importante lo haga. Si un sitio web tarda en cargar el contenido más significativo («mayor elemento con contenido»), frustrará a los usuarios y puede hacer que reboten de la página.

La mayoría de las veces, colocamos la información crítica y llamativa en la parte superior de la página, que es el contenido que debe cargarse más rápidamente.

Interactividad: latencia de la primera interacción o First Input Delay (FID)

La «latencia de la primera interacción» es una métrica importante porque mide un error en la experiencia de usuario que molesta a todos los que alguna vez han usado Internet.

¿Sabes cuando haces clic en el botón de enviar en un formulario, y parece que no pasa nada, por lo que terminas haciendo clic agresivamente una y otra vez?

La métrica latencia de la primera interacción mide el tiempo que transcurre entre que el usuario inicia una acción (como hacer clic en «enviar») y el sitio web responda a esa acción (enviándolo a la siguiente página). Una latencia prolongada de la primera interacción puede ser frustrante para los usuarios, lo que hace que abandonen tu página y busquen información en otra parte.

Estabilidad visual: cambios de diseño acumulados o Cumulative Layout Shift (CLS)

A menudo puedes notar otro error de UX cuando navegas en un dispositivo móvil: los cambios de diseño acumulados.

Los «cambios de diseño acumulados» se producen cuando el contenido se mueve por la pantalla mientras se carga el sitio. Esto puede no parecer un gran problema a primera vista, pero el problema viene cuando vas a hacer clic en algo y, de repente, se ha movido. Es desagradable para el usuario final, por lo que es una métrica importante a la que prestar atención.

Las diferencias entre PageSpeed Insights y Google Insights

Puede que estés pensando: «Todo esto suena genial, pero ¿en qué se diferencia Lighthouse de PageSpeed Insights

Si ingresas una URL en PageSpeed Insights, verás información muy similar a la de Google Lighthouse. Pero hay algunas diferencias importantes.

PageSpeed Insights vs. Google Lighthouse

La principal diferencia es que PageSpeed Insights solo se centra en el rendimiento de la página. Google Lighthouse ofrece una visión completa de la experiencia en tu página analizando la accesibilidad, las mejores prácticas, el SEO y las aplicaciones web progresivas.

«Entonces, ¿para qué sirve PageSpeed Insights si Google Lighthouse ofrece un análisis más completo de mi sitio?» Sé que preguntarás.

PageSpeed Insights se basa en datos del mundo real para juzgar el rendimiento de tu sitio web, así como en análisis de laboratorio. Lighthouse solo utiliza análisis de laboratorio en su informe, por lo que, aunque los resultados se basan en un análisis exhaustivo de tu sitio, no es necesariamente la experiencia real que obtienen tus usuarios.

«Entonces, ¿lo que estás diciendo es que PageSpeed Insights es mejor para juzgar el rendimiento?»

Si lo que busca es puramente el rendimiento, PageSpeed Insights ofrece toda la información que ofrece Lighthouse, pero con la ventaja de los datos del mundo real recogidos de las interacciones con tu sitio web. Sin embargo, el éxito de tu sitio web se basa en todo el sitio, y aquí es donde entra en juego Google Lighthouse.

No tiene sentido mejorar tu puntuación de rendimiento de 55 a 60 si los cambios que realizas terminan haciendo que tu accesibilidad y SEO empeoren. Si solo te centras en PageSpeed Insights, es posible que suceda.

Aun así, si estás atento a Google Lighthouse, podrás asegurarte de que los cambios que realices tengan un impacto positivo general en tu sitio web.

Cómo utilizar Google Lighthouse

Google Lighthouse te ofrece un análisis bastante técnico de tu sitio web, pero no necesitas ser un experto en tecnología para utilizarlo. De hecho, solo se necesitan un clic del teclado y dos clics del ratón.

Hay dos formas de ejecutar Lighthouse: a través de las herramientas para desarrolladores y de un complemento de Chrome.

Google Lighthouse en las Herramientas para Desarrolladores

  1. Abre la página web en Google Chrome.
  2. Haz clic en F12 o Ctrl+Shift+J para Windows y Shift+Cmnd+I en Mac para abrir el panel de auditoría de herramientas para desarrolladores.
  3. En las pestañas de la parte superior, selecciona las dos flechas para expandir el menú.
  4. Haz clic en «Lighthouse» en el menú desplegable.
  5. Selecciona si deseas analizar el rendimiento en móviles o en computadoras
  6. Haz clic en «Generar informe».
How to run Google Lighthouse
Generate Google Lighthouse report

Complemento de Chrome para Google Lighthouse

  1. Busca Lighthouse en la tienda web de Chrome.
  2. Selecciona «Añadir a Chrome» y haz clic en «Añadir extensión».
  3. Haz clic en el icono del rompecabezas cerca de la esquina superior derecha de tu navegador.
  4. Selecciona el icono de Lighthouse.
  5. Haz clic en «Generar informe».
  6. Se abrirá una nueva pestaña con tu informe.
Add Google Lighthouse to Chrome
Find Google Lighthouse in Chrome

También vale la pena recordar que si estás utilizando alguna herramienta de SEO suplementaria, como Ubersuggest, es probable que extraiga información de Lighthouse para ti.

Ubersuggest pulls data from Google Lighthouse

Cuando ingresas una URL a Ubersuggest, encontrarás datos de rendimiento en tu panel de control con la misma información que ves en tus informes de Lighthouse.

Esto ayuda a que sea un lugar único para todas tus necesidades de SEO, combinando información sobre el rendimiento de tu sitio web con el análisis de palabras clave y de la competencia.

Conclusión

Lighthouse proporciona un vistazo a cómo Google juzga tus páginas web. Esto no solo es vital para que te posiciones bien en los motores de búsqueda, sino que te proporciona datos importantes sobre cómo los usuarios experimentan tu sitio web, independientemente de cómo lleguen a él.

La experiencia en la página se está convirtiendo en un factor cada vez más importante para Google, y tiene que ser igualmente importante para los propietarios de sitios web.

Lighthouse proporciona la información necesaria para realizar mejoras tangibles en la forma en que los usuarios experimentan tu sitio web, lo que puede suponer una gran diferencia en el éxito de tu sitio en cuanto al logro de tus objetivos.

Con Lighthouse, Google ofrece información gratuita para ayudar a mejorar tu sitio web, y toma muy poco tiempo para generar un informe. Así que, ¡aprovéchalo!

¿Es Lighthouse tu herramienta favorita de Google? Si no, ¿cuál es?

Compartir