Google Lighthouse

Conecta Software
2 lectura mínima

Google Lighthouse, ¿qué es?

Google Lighthouse es una herramienta de código abierto desarrollada para automatizar la auditoría un sitio web con el objetivo de conocer si dicho sitio web cumple con las especificaciones de las de las Aplicaciones Web Progresivas (Progressive Web Apps, PWA), cuál es el estado del SEO y de la accesibilidad. Además, ofrece buenas prácticas para llevarlas a cabo, sobre todo en el ámbito de la seguridad. 

 

Sigue leyendo sobre las Progressive Web Apps

App nativa, hibrida y webapp en comercio electrónico

Tipos de instalaciones de Google Lighthouse

A continuación se muestran las posibles distintas instalaciones de Google Lighthouse.

A través de npm

Npm es el gestor de paquetes de Node.js, el entorno de ejecución de JavaScript en el lado del servidor. Los pasos que se deben seguir son los siguientes:

  • El comando para su instalación es sudo npm install -g lighthouse .
  • Seguidamente, se debe ejecutar el comando de lighthouse junto con la URL sobre la que se quiere realizar el test: lighthouse https://www.conectasoftware.com/magazine/
  • Finalmente, se genera un fichero HTML con el análisis sobre el sitio web.

A través de una extensión en Chrome

Para instalar la extensión de Lighthouse en Google Chrome, se debe:

  • Acceder al marketplace de dicho navegador, buscar la app Lighthouse y hacer click en “Añadir a Chrome”.
  • En la esquina superior derecha, aparecerá un botón con una opción para analizar. Se debe hacer click en el botón una vez que el usuario está en el sitio web.
  • Finalmente, una vez que la extensión analice el sitio, aparecerá un resumen de dicho análisis. 

Google Lighthouse

Elementos analizados por Google Lighthouse

En cuanto a los elementos más importantes que analiza Lighthouse, se pueden encontrar los siguientes:

  • Títulos y descripciones meta.
  • Códigos de estado del protocolo HTTP.
  • Velocidad del sitio web.
  • Optimización para dispositivos móviles.
  • Algunos elementos relacionados con la experiencia de usuario (UX).
  • La indexabilidad del sitio web.
  • Los etiquetados para la versión móvil.
  • Las etiquetas canonical y las hreflang