¿Qué es Google Lighthouse y cómo usar?

Como propietario de un sitio, maximizar la optimización de los motores de búsqueda (SEO), la accesibilidad y el rendimiento de su sitio es de mayor importancia. Sin embargo, para abordar estos factores de la manera más eficiente posible, es esencial adoptar las herramientas y técnicas adecuadas. Una de las soluciones más innovadoras que puede usar hoy es Google Lighthouse. En esta publicación, le presentaremos Google Lighthouse y cómo funciona. Luego explicaremos cómo puede usarlo para mejorar su sitio. ¡Vamos a entrar! Suscríbete a nuestro canal de YouTube
¿Qué es Google Lighthouse? Google Lighthouse es una herramienta gratuita y de código abierto que puede ayudarlo a mejorar la velocidad, el rendimiento y la experiencia general de su sitio web. La generación de informes de faro facilita la mejora de sus páginas web. Hay algunas formas diferentes en que puede usar la herramienta. Puedes ejecutarlo por:
Devtools de Chrome
Una extensión de cromo
Un módulo de nodo
Una interfaz de usuario web (UI)
Una vez que envíe una URL al instrumento automático, realizará varias auditorías de páginas y creará un informe que detalla el rendimiento de la página. Luego puede usar las sugerencias de los resultados para mejorar su sitio.
Lighthouse no es solo para desarrolladores. El instrumento es adecuado para cualquier propietario del sitio interesado en obtener más información sobre el rendimiento del sitio y sobre los pasos concretos para su optimización. Cómo las páginas de auditorías de Lighthouse El objetivo principal de la auditoría del faro son los centrales vitales de Google. Si no está familiarizado, estos son los valores esenciales que Google usa para medir la velocidad de las páginas web y la experiencia general del usuario (UX). Consisten en la pintura más alta con el contenido máximo (LCP), el retraso para la primera entrada (FID) y la apariencia acumulada (CLS). Con otras palabras, el uso de Lighthouse le ayuda a ver su sitio de la misma manera que hace Google . Puede utilizar la información actuable que ofrece para optimizar sus páginas para obtener mejores resultados de clasificación en los motores de búsqueda. Los informes del faro consisten en cinco categorías:
Actuación
Accesibilidad
SEO
Mejores prácticas
Aplicación web progresiva
También utiliza un sistema de puntaje de 1 a 100 y prueba sitios con una conexión 3G simulada. Sin embargo, los puntajes pueden variar con el tiempo, porque Google a menudo actualiza sus criterios de clasificación. Por lo tanto, probablemente desee mantenerse al día con todas las actualizaciones del faro.
Además, aunque es algo similar a las ideas de PageSpeed, Lighthouse no es lo mismo. Lighthouse ofrece una imagen más holística que solo el rendimiento de la página (como lo hace PageSpeed ​​Insights). Cómo usar Google Lighthouse Como mencioné, puede usar un puñado de flujos de trabajo para Lighthouse. Si no desea instalar una extensión o ejecutar pedidos, puede usar Web.dev o DevTools. A continuación, lo guiaremos por instrucciones paso a paso para cada opción. Cómo ejecutar Google Lighthouse con Chrome DevTools para comenzar, primero deberá descargar Google Chrome (si aún no lo ha hecho). Una vez instalado, puede abrir una nueva pestaña del navegador en Chrome y navegar en la página web que desea audicionar. Luego, haga clic en la página y seleccione. También puede hacer clic en los tres puntos verticales en la esquina superior derecha del navegador, luego explorar más herramientas> herramientas de desarrollador. Esto abrirá el panel DevTools a la derecha o la parte superior de la página. De la barra de herramientas, (1) haga clic en Lighthouse:
Tenga en cuenta que si no ve la opción del faro en la barra de herramientas, es posible que deba hacer clic en las dos flechas al final. Una vez que se abra el instrumento del faro, asegúrese de que se seleccionen las cinco categorías, luego (2) elija Generación de informes.
Una vez que Lighthouse termine la auditoría, lo llevará a la pantalla de resultados. El informe se verá así:

Encontrará una puntuación y una sección para cada categoría. Puede obtener más información sobre cada uno haciendo clic en los puntajes en la parte superior de la página. Un buen puntaje se considera cualquier cosa entre 50 y 89. Una puntuación excelente es entre 90 y 100. El propósito es anotar en algún lugar en el rango de 90 y 100 para cada categoría. Cómo usar Google Lighthouse con Web. Tengo otra manera rápida y fácil de auditar una página web con Lighthouse es el uso de Web.dev. Navegue a esta página, luego ingrese la URL de la página que desea escuchar: luego haga clic en el botón Ejecutar Auditoría. Después de un minuto o dos, Lighthouse terminará el análisis del sitio y lo llevará al informe. Aquí puede obtener más información sobre su puntaje y sobre las oportunidades de mejora en cada categoría:
Puede hacer clic en cada sección restringida para extenderla y obtener más información. También puede acceder a información detallada sobre cada categoría seleccionando el nombre de la categoría y la puntuación en la parte superior del informe. Cómo usar Google Lighthouse con una extensión de Chrome alternativa, puede descargar e instalar la extensión de Chrome para Lighthouse. Esta podría ser una elección sólida si tiene la intención de usar el Lighthouse con frecuencia.


Una vez más, deberá tener instalado el navegador Chrome. Luego puede explorar la tienda web Choome e instalar la extensión del faro:

Después de instalar el suplemento, reinicie el navegador. Ahora debería ver un símbolo del faro al final de la barra de direcciones. Visite la página web que desea audicionar, haga clic en el símbolo del faro, luego seleccione Informe de generación:

Esta acción lo llevará directamente a la página del informe, donde puede ver los detalles de notación de cada categoría. Tenga en cuenta que puede tomar uno o dos minutos hasta que se complete la auditoría. Cómo usar Google Lighthouse a través del nodo Si está buscando flexibilidad de configuración del faro, también puede usar un módulo de nodo. Esta es una solución más avanzada, pero ofrece un mayor control. Primero, deberá instalar una versión de asistencia a largo plazo del nodo:
Luego puede ejecutar la línea de comando para instalar el faro: NPM Install -G Far

# o usar hilo:

# Yarn Global Add Lighthouse Finalmente, puede realizar la auditoría utilizando el siguiente comando: lejos Por supuesto, querrá reemplazar con la dirección web de la página web que está intentando auditar. Puede consultar a GitHub para obtener más información sobre el código fuente. Conclusión La auditoría regular de su sitio de WordPress es esencial para proporcionar una buena experiencia tanto para los visitantes como para los motores de búsqueda. Debido a herramientas como Google Lighthouse, puede evaluar rápidamente el rendimiento, el SEO y la accesibilidad de su sitio en algunos simples pasos.
Como discutimos en esta publicación, Lighthouse es una herramienta automática gratuita para obtener información valiosa sobre sus páginas web y la experiencia general. Puede usarlo instalando una extensión de Chrome o usando DevTools directamente en el navegador. Luego puede usar informes para averiguar cómo mejorar su sitio. ¿Tiene alguna pregunta sobre el uso de Google Lighthouse? ¡Háganos saber en la sección de comentarios! Imagen presentada por Cienpies Design/Shutterstock.com