Desde Google I/O, trabajamos arduamente para que Lighthouse sea un complemento excelente para crear apps web progresivas de alta calidad:
- Se incorporaron 50 colaboradores nuevos al proyecto
- Se enviaron 15 lanzamientos
- Se agregaron alrededor de 20 pruebas de auditoría adicionales (~50 en total).
Hoy, nos complace anunciar la versión 1.3 de Lighthouse. Lighthouse 1.3 incluye muchas funciones nuevas, auditorías y las correcciones de errores habituales. Puedes instalarlo desde npm (npm i -g lighthouse) o descargar la extensión desde Chrome Web Store.
¿Qué hay de nuevo?
Nuevo aspecto
Si usaste una versión anterior de Lighthouse, es posible que hayas notado que el logotipo es nuevo. El informe HTML y la extensión de Chrome también se actualizaron por completo, con una presentación más clara de la puntuación y más coherencia en los resultados de la auditoría. También agregamos información de depuración útil cuando fallas una prueba y se incluyen punteros a las soluciones alternativas recomendadas.
Nuevas prácticas recomendadas
Hasta la fecha, Lighthouse se ha centrado en las métricas de rendimiento y la calidad de las AWP. Sin embargo, un objetivo general del proyecto es proporcionar una guía para todo el desarrollo web. Esto incluye orientación sobre prácticas recomendadas generales, sugerencias de rendimiento y accesibilidad, y ayuda de extremo a extremo para crear apps de calidad.
"Do Better Web" es un esfuerzo dentro del proyecto Lighthouse para ayudar a los desarrolladores a mejorar en la Web. En otras palabras, ayúdales a modernizar y optimizar sus aplicaciones web. A menudo, los desarrolladores web usan prácticas desactualizadas, antipatrones o se topan con dificultades de rendimiento conocidas sin darse cuenta. Por ejemplo, es sabido por todos que las animaciones basadas en JS deben realizarse con requestAnimationFrame() en lugar de setInterval(). Sin embargo, si el desarrollador no conoce la API más reciente, su app web se ve afectada innecesariamente.
Lighthouse 1.3 incluye más de 20 sugerencias de prácticas recomendadas nuevas, que van desde sugerencias para modernizar las funciones de CSS y JavaScript hasta recomendaciones de rendimiento, como "Reduce la cantidad de recursos que bloquean la renderización" o "Usa objetos de escucha de eventos pasivos para mejorar el rendimiento del desplazamiento".
Con el tiempo, seguiremos agregando más recomendaciones. Si tienes sugerencias para prácticas recomendadas o quieres ayudarnos a escribir una auditoría, informa un problema en GitHub.
Visualizador de informes
Por último, pero no menos importante, nos complace anunciar un nuevo visor web para los resultados de Lighthouse. Ve a googlechrome.github.io/lighthouse/viewer, arrastra y suelta el resultado de una ejecución de Lighthouse (o haz clic para subir tu archivo) y listo. Informe HTML de Lighthouse de "Insta".
Lighthouse Viewer también te permite compartir informes con otras personas. Si haces clic en el ícono de compartir, accederás a GitHub. Guardamos los informes como resúmenes secretos en tu cuenta para que puedas borrarlos fácilmente o actualizarlos más adelante. Usar GitHub para almacenar datos también significa que obtienes el control de versiones de forma gratuita.
El visor de Lighthouse puede volver a cargar los informes existentes agregando ?gist=GIST_ID a la URL:
Para obtener todos los detalles sobre las últimas novedades de Lighthouse, consulta las notas de la versión completas en GitHub. Como siempre, comunícate con nosotros para informar errores, enviar solicitudes de funciones o intercambiar ideas sobre lo que te gustaría ver a continuación.