Actualización de Google Lighthouse según criterios Core Web vitals y el Proyecto Fraggle Rock en septiembre 2021

Google lanzará una nueva actualización de su herramienta open source Ligthouse con al nueva versión 8.3.o en la versión de Chrome 94, que se lanzará el 21 de septiembre de 2021. Este cambio incide directamente en Page Speed Insights aportando más relevancia a las directrices marcadas por Core Web Vitals (ver artículo previo), y así mismo, introduce el proyecto Project Fraggle Rock.

¿Qué es Google Lighthouse?

Google Chrome básicamente es un navegador que realiza un ranking según el contenido y características tecnológicas de los sitios web. Para ello generó un algoritmo que ajusta en función de los cambios tecnológicos en el entorno online y criterios de búsqueda de contenido para favorecer unos resultados satisfactorios para usuarios, una experiencia satisfactoria de usuario.

Para facilitar el trabajo de los gestores y administradores de las web en las tareas de posicionamiento, Google facilita la herramienta de audit Lighthouse de prestaciones web a nivel de rendimiento, accesibilidad, usabilidad, interpretabilidad y orientación técnica a posicionamiento. Lighthouse se localiza en las herramientas de Chrome Dev Tools, que forma parte de todos los navegadores basados ​​en Google Chrome.

¿Cuáles son las novedades de Ligthouse 8.3.0?

A nivel general, Google Lighthouse 8.3.0 no presenta grandes cambios por lo que refiere a la medición de Core Web Vitals, pero si nos enfoca a nuevas propuestas de futuro:

¿Qué es el nuevo Proyecto Lighthouse Fraggle Rock?

Hasta el momento, Google Lighthouse analizaba las características técnicas de la página web, como por ejemplo mide el tiempo que tarda una página web en volverse interactiva.

Con Google Lighthouse 8.3.0 se apunta a ir un más allá analizando el comportamiento de los usuarios, a analizar los flujos de usuarios, teniendo en cuenta de eventos en al web, como por ejemplo acciones que realice el usuario como realizar un click en un botón o enlace, y tener en cuenta lo que sucede a continuación. Toma sentido si se tiene en cuenta que con las directrices de Core Web Vitals se valora la experiencia de usuario. De esta forma se aplica un visión más dinámica y no tan estática.

En definitiva: Fraggle Rock en el entorno de Lighthouse es un proyecto que permitirá a desarrolladores y gestores de WEB obtener informes más allá de la carga de una página. Se obtendrá información sobre el rendimiento y las mejores prácticas en los flujos de los usuarios. Tendrá especial importancia en eventos y flujos complejos y relevantes, a menudo vinculados a conversiones web o gestión de funciones para usuarios, como pueden ser registro, adición al carrito, tiempo para twittear, etc.

Con las nuevas directrices del proyecto Fraggle Rock, no solo se medirá el tiempo que tarda una página web en volverse interactiva, si no que también tendrá en cuenta los flujos del usuario y medirá lo que sucede después de que se cargue la página.

El nombre de proyecto Fraggle Rock, se remtie a un espectáculo infantil de la década de 1980 que presentaba el faro de Fraggle Rock.

¿Cómo se aplicará el nuevo Ligthouse 8.3.0?

Se abren nuevas posibilidades para realizar análisis con este nuevo enfoque dinámico sobre flujos. La página oficial de Github apunta:

1. Ejecutar auditorías de estilo instantáneo en una página después de la interacción, es decir, hice clic en una opción del menú y ahora vuelvo a ejecutar la categoría de accesibilidad
2. Ejecute auditorías de estilo de intervalo de tiempo en una página durante cualquier interacción arbitraria
3. Ejecute Lighthouse en una navegación de página tradicional desde una página existente
4. Ejecute Lighthouse en la navegación de una aplicación de una sola página

Actualmente el equipo de desarrollo de Google Lighthouse se encuentra en la fase 1 de las 8 previstas:

1. Investigación y diseño de Ligthouse según directrices del proyecto Fraggle Rock – FASE 0:

• Crear un inventario de todas las auditorías catalogando sus requisitos implícitos (por ejemplo, instantánea frente a intervalo de tiempo frente a carga).
• Crear documento de diseño y plan de proyecto Completo.
  

Correcciones en Google Lighthouse 8.3.0

1. Google Lighthouse 8.3.0 aplicará correcciones de errores y mejoras en parte debidas a sugerencias de la comunidad de desarrolladores.

Un ejemplo de corrección es abordar el «cálculo del tamaño de los recursos de las imágenes en caché«, en la que un desarrollador comentó:

«La razón original por la que queríamos deshabilitar la caché fue porque al calcular el tamaño del recurso, el recolector tiene en cuenta el Tamaño de transferencia, que es 0 para las imágenes almacenadas en caché. Por lo tanto, este recopilador ignora las imágenes que provienen de la caché. Esto parece ser un comportamiento no deseado, ya que no debería importar si una imagen está almacenada en caché o no para optimizarla.

La desactivación de la caché solucionó el problema, pero agregó un promedio de 10 segundos a nuestros tests de Lighthouse. Me pregunto si el código mencionado anteriormente en realidad no está descartando involuntariamente imágenes almacenadas en caché.»

2. Reformulación de la sección SEO en Google Lighthouse 8.3.0

La sección SEO de Lighthouse se reformula y rediseña para enfocarla a las directrices Core Web Vitals (CWV).

La nueva formulación elimina la referencia explícita a mejorar la clasificación de los resultados de búsqueda y reemplaza esa referencia con las palabras «search engine optimization advice» (consejo o aviso de optimización de motores de búsqueda), que es más neutra en referencia a la promesa de mejora de resultados de posicionamiento en la parte superior de las páginas de resultados de los motores de búsqueda.

Resumen de las nuevas aportaciones y mejoras de Google Lighthouse 8.3.0

Es importante destacar que Lighthouse 8.3.0 aportará una reformulación de la sección de SEO para definir con mayor precisión el SEO como optimización para los motores de búsqueda y eliminar cualquier asociación con una mejor clasificación.

Más allá, hay que tomar nota del lanzamiento con Lighthouse 8.3.0 del proyecto Fraggle Rock, aportando un nuevo enfoque a flujos de usuarios enlazado a las directrices Core Web Vital, que próximamente se desarrollará.