Lighthouse 3.0 ya está disponible La versión 3.0 cuenta con auditorías más rápidas, menos variación, una nueva IU para los informes, nuevas auditorías y mucho más.
Cómo actualizar a la versión 3.0
- CLI. Ejecuta
npm install -g lighthouse@next. - Nodo. Ejecuta
npm install lighthouse@next. - Extensión de Chrome. Tu extensión debería actualizarse a 3.0 automáticamente.
- Herramientas para desarrolladores de Chrome. Lighthouse 3.0 estará disponible en Chrome 69.
Auditorías más rápidas y menos variación
Lighthouse 3.0 completa las auditorías más rápido, con menos variación entre las ejecuciones, gracias a algunos cambios:
- Limitación simulada: Antes, Lighthouse limitaba la página antes de ejecutar auditorías. Ahora, Lighthouse usa un nuevo motor de auditoría interna, llamado Lantern, que ejecuta las auditorías con la configuración normal de red y CPU y, luego, calcula cuánto tiempo tardaría la página en cargarse en condiciones de dispositivos móviles.
- Menos períodos de espera. Para determinar que terminó de cargarse una página, Lighthouse debe esperar a que la red y la CPU no tengan actividad. Este período de espera es menor en la v3.
Nueva IU de informes
Lighthouse 3.0 incluye una nueva IU de informes, gracias a la colaboración entre los equipos de Lighthouse y Chrome UX (investigación y diseño).
Cambios en las invocaciones
La versión de Node de Lighthouse ahora admite las mismas opciones de configuración que la versión de CLI. Esto podría ser un cambio rotundo, según cómo hayas configurado tu módulo de Node Lighthouse en v2. Consulta Cambios de invocación para obtener más información.
Cambios en la puntuación
En Lighthouse 3.0, cambia el modelo de puntuación para las auditorías de rendimiento. Una puntuación de 50 representa el percentil 75 y una puntuación perfecta de 100 representa el percentil 98, que es el punto de rendimientos decrecientes.
La puntuación de rendimiento es un promedio ponderado de las auditorías de rendimiento. La ponderación de las auditorías también cambia en la versión 3.
| Nombre de la auditoría | Ponderación de la v2 | Peso de la v3 |
|---|---|---|
| Primer procesamiento de imagen con contenido (nuevo en la versión 3) | No disponible | 3 |
| Primera pintura significativa | 5 | 1 |
| Primera actividad de la CPU (primera interacción en v2) | 5 | 3 |
| Tiempo de carga (interactivo coherente en la versión 2) | 5 | 5 |
| Índice de velocidad perceptual | 1 | No disponible |
| Índice de velocidad | No disponible | 4 |
| Latencia de entrada estimada | 1 | 0 |
En el futuro, la Guía de puntuación de Lighthouse v3 es la fuente de información para todo lo que necesitas saber sobre el funcionamiento de la puntuación en Lighthouse v3.
Nuevos formatos de salida y cambios
Compatibilidad con archivos CSV
Los resultados del informe ahora se pueden mostrar en formato CSV. Cada fila contiene información y los resultados de una auditoría, incluidos los siguientes:
- El nombre de la categoría a la que pertenece la auditoría.
- El nombre de la auditoría.
- Una descripción de la auditoría.
- El tipo de puntuación que se usa para la auditoría.
- Es el valor de la puntuación.
Cambios en los resultados de JSON
La versión 3.0 presenta muchos cambios en el formato de salida JSON de Lighthouse. Consulta la Guía de migración de Lighthouse v3 para obtener más detalles.
Auditorías nuevas
Primer procesamiento de imagen con contenido
Mide el tiempo en el que el contenido de texto o de imagen se pinta por primera vez en la pantalla del usuario.
robots.txt no es válido
Asegúrate de que el archivo robots.txt del sitio tenga el formato correcto para que los bots de búsqueda puedan rastrearlo.
Usa formatos de video para el contenido animado
Reemplaza los GIF por etiquetas video para lograr grandes ahorros en archivos de video.
Consulta Cómo reemplazar GIF animados por video para obtener más información.
Evita múltiples viajes de ida y vuelta costosos a cualquier origen
Para mejorar el rendimiento de la carga, agrega atributos rel="preconnect" a las etiquetas link, lo que informa al navegador que debe establecer una conexión con un origen lo antes posible.
Consulta Preconnect para obtener más información.
Audita cambios
Primera sesión interactiva ➡ Primer tiempo inactivo de la CPU
Se cambió el nombre de la auditoría First Interactive a First CPU Idle para describir mejor cómo funciona. El propósito general de la auditoría es el mismo. Usa esta auditoría para medir cuándo los usuarios pueden interactuar con tu página por primera vez.
Índice de velocidad perceptual ➡ Índice de velocidad
En Lighthouse 3.0, la auditoría del Índice de velocidad perceptual ahora es Índice de velocidad. Este cambio alinea Lighthouse con la forma en que WebPageTest mide esta métrica. El propósito de la auditoría es el mismo, pero la métrica subyacente es un poco diferente.