Comprensión de las métricas de rendimiento Lighthouse: consejos de SEO de Semalt



Las métricas de rendimiento de Lighthouse es algo que probablemente encontrará al discutir los aspectos técnicos del SEO. Puede que se pregunte en qué consiste esta prueba o cómo ejecutar la prueba en el rendimiento de su sitio web. También puede estar aquí porque quiere saber de qué se trata Lighthouse.

Usamos esta prueba de métricas de rendimiento en nuestro intento de hacer que todos los números relacionados con su sitio sean ecológicos. Aquí está todo lo que necesita saber sobre Lighthouse.

Que es el faro

Lightroom es una herramienta de auditoría de código abierto que se utiliza para producir puntuaciones estandarizadas en cinco áreas clave, a saber:
  • Rendimiento
  • Aplicación web progresiva
  • SEO
  • Mejores prácticas
  • Accesibilidad
Para este artículo, el nombre "Lighthouse" se utilizará para referirse a una serie de pruebas, así que no se confunda mientras lee.

Lighthouse ejecuta pruebas de rendimiento utilizando datos de laboratorio, que también se denominan datos emulados. Estos son los datos de rendimiento de un sitio recopilados en un entorno creado por el hombre con dispositivos y configuraciones de red predefinidos. Los datos de rendimiento son importantes porque ayudan con la información necesaria para depurar problemas de rendimiento. La experiencia en la máquina local en un entorno controlado está diseñada para imitar la experiencia de los usuarios de la vida real.

Actualización a Lighthouse

El 5 de mayo de 2020, el proyecto Chromium anunció su conjunto de tres métricas con las que el código abierto respaldado por Google podría utilizar para medir el rendimiento. Las métricas se denominaron Web Vitals. Son parte de la iniciativa de Google, diseñada para proporcionar una guía colectiva a los expertos en SEO en la búsqueda de señales de calidad.

Estas métricas están diseñadas para medir el rendimiento web de una manera centrada en el usuario. En solo dos semanas desde su lanzamiento inicial, Lighthouse V6 lanzó su versión modificada con Web Core Vitals como el enfoque principal de esta actualización.

En julio de 2020, vimos que la métrica de Lighthouse v6 se adoptó en muchos de los productos de Google con el lanzamiento de Chrome 84. El panel de auditoría de Chrome DevTools también pasó a llamarse Lighthouse. PageSpeed ​​Insights y Google Search Console también hicieron referencia a la métrica Lighthouse.

En la actualidad, Web Core Vitals representa más de la mitad de la puntuación de rendimiento ponderada total de Lighthouse. En general, las páginas comienzan a experimentar un impacto mínimo, con aproximadamente 83,32% de las pruebas realizadas que muestran un cambio de diez puntos o menos a V6.

Lo que debe saber antes de ejecutar la prueba de rendimiento con Lighthouse

Elegir la metodología correcta

La metodología que elijas para caminar importa. Las auditorías Lighthouse están configuradas para analizar una página a la vez. Pero el hecho es que la puntuación de una sola página no es la representación del rendimiento de todo su sitio, y el hecho de que su página de inicio se cargue rápidamente no significa que todo su sitio se cargue tan rápido.

La mejor manera de obtener una estimación general del rendimiento de un sitio es probar varios tipos de páginas dentro de su sitio. Aquí, primero identificamos los principales tipos de sitios, plantillas y puntos de conversión de visitantes (se refieren a las páginas de registro, suscripción y pago).

Antes de pasar a la etapa de optimización de nuestro análisis, ejecutamos Lighthouse en cada una de las páginas de muestra seleccionadas al azar y registramos los datos recopilados. A partir de estos datos, ahora podemos crear una lista de tareas pendientes basada en las mejoras más urgentes a las menos urgentes. Para evitar la pérdida de datos, guardamos los resultados JSON y confiamos en el visor de Lighthouse cada vez que necesitamos información detallada sobre los resultados.

Conseguir que el Backlog se muerda con un gran ROI

A lo largo de los años, una cosa que hemos aprendido con certeza es que obtener los recursos necesarios para la acción de SEO no es sencillo. Tener un SEO interno no es exactamente útil, ya que a menudo se destruyen por lo difícil que es obtener un ticket atrasado. Por nuestra experiencia, sabemos que la mejor manera de engrasar los engranajes es priorizando las iniciativas de desempeño, lo que da como resultado cifras excelentes que respaldan la inversión realizada en el departamento de SEO.

Los datos que lleguen a las hojas de cuentas de fin de mes se convertirán en los signos de dólar que justifican y recompensan nuestros esfuerzos de desarrollo. Realizar esta prueba es importante porque mientras lo hace, es probable que tenga más de un área marcada, especialmente cuando es la primera vez. Esta bien. Puede consultar la Calculadora de puntuación de Lighthouse para ver qué cambios tendrán el mayor impacto.

Cómo ejecutar una prueba de faro

Este es el caso de muchos caminos que conducen a un río. Sin embargo, hay ciertos caminos que destacan por ser más fáciles o más prominentes en su uso. Bueno, si está esperando integrar la prueba de SEO en el proceso de realización, probablemente debería ponerse al día con NPM.

¿Tiene menos de 5 minutos antes de que le pidan que se enfrente al tablero? Estos informes uno a uno deberían darle la munición que necesita para convencerlos de que su SEO lo está haciendo muy bien. Independientemente del método de ejecución que elija, el dispositivo móvil es excelente a menos que tenga un caso de uso especial para el escritorio.

1. Herramientas de desarrollo de Chrome

Probamos cada página de forma individual utilizando el panel Lighthouse de Chrome DevTools. Este informe es vital, ya que emula la experiencia de un usuario al utilizar el navegador incluso cuando está en modo incógnito o con la caché del navegador desactivada.

Nuestra forma especial de abordar esto es crear un perfil de Chrome para realizar pruebas, pero mantenerlo local. Eso significa que no hay sincronización habilitada, no se guarda la contraseña ni se asocia a ninguna cuenta de Google existente. Tampoco instalamos extensiones para el usuario.

Cuando esté listo, así es como prueba Lighthouse con DevTools
  1. Ejecuta una instancia de incógnito en Chrome.
  2. Vaya al panel Red en DevTools y marque la casilla para deshabilitar el caché. Puede hacer esto con Ctrl + Shift + I en Windows y Linux o Command + Option + I en Mac.
  3. Vaya al panel de Lighthouse y haga clic en generar un informe.
  4. Guarde el archivo una vez generado.
¿Cuáles son los beneficios de ejecutar Lighthouse de Devtools?

Como mencionamos anteriormente, hay muchas formas de ejecutar un análisis faro. Lo que esto también significa es que cada método tiene sus pros y sus contras.

El beneficio de este método es que
  • Puede probar compilaciones locales y averiguar qué páginas son auténticas.
  • Los informes que se guardan se pueden comparar con la herramienta Lighthouse CI Diff.
Contras de ejecutar Lighthouse desde DevTools
  • Solo puede hacer un informe a la vez.
  • Deberá guardar cada informe manualmente.

2. Al probar las mismas páginas continuamente

Suponga que le gusta probar las mismas páginas repetidamente, web. dev es la elección ideal. Es similar a usar DevTools solo que no necesitaría deshabilitar todas esas extensiones pico. Este método es básicamente sencillo. Todo lo que necesitas hacer es:
  1. Visite web.dev/measure/
  2. Inicia sesión con tu cuenta de Google.
  3. Ingrese la URL de la página que le gustaría auditar.
  4. Haga clic en ejecutar auditoría.
Ventajas de ejecutar Lighthouse desde la web. dev
  • Captura la ingeniosa línea de tiempo de los resultados de la página.
  • Los usuarios tienen enlaces rápidos a guías para mejorar problemas.
  • Los informes se pueden comparar con la herramienta Lighthouse CI Diff.
Contras de ejecutar Lighthouse desde la web. dev
  • Solo puede realizar un análisis y tener un informe a la vez.
  • Debe tener un registro de las URL que ha rastreado a lo largo del tiempo para evitar rehacer la misma URL sin querer.

La línea de comandos de nodo para Lighthouse

Cuando busca realizar pruebas a escala, la línea de comandos de nodo es el enfoque preferido. Aquí hay una guía sobre qué hacer:
  • Instale npm: para los usuarios de mc, sería aconsejable usar homebrew para evitar problemas tontos de dependencia.
  • Instale el módulo Lighthouse simplemente ingresando este código: "npm install -g lighthouse".
  • Luego, ejecuta un solo texto usando "lighthouse <url>".
  • Ejecute pruebas en listas de usos ejecutando la prueba mediante programación.
Ventajas de ejecutar Lighthouse from Node
  • Puede ejecutar varios informes a la vez.
  • Puede programarlo para realizar un seguimiento de los cambios a lo largo del tiempo automáticamente.
Contras de ejecutar Lighthouse desde Node
  • Debe tener una idea de cómo codificar.
  • Su configuración requiere tiempo.

Conclusión

Las complejidades de las métricas de rendimiento son un indicador de los desafíos que enfrenta cada sitio. Confiamos en las métricas de rendimiento como proxy de la experiencia del usuario. Nos permite seguir el camino de un usuario y ver lo que ven, experimentar lo que experimentan en otros para construir sitios más receptivos.

Algunas otras herramientas, como la herramienta Test My site Tool y What does My Site Cost de Google, también pueden resultar útiles. Usamos estas herramientas para realizar la conversión y los argumentos centrados en el cliente sobre la importancia del rendimiento en un sitio.

Con suerte, una vez que su proyecto gane tracción, podemos explicar qué significa el rendimiento de métrica única de su Lighthouse a su equipo de ingeniería capacitado y colaborativo.

Interesado en SEO? Consulte nuestros otros artículos sobre Blog de Semalt.