Monitoreo de puntuaciones de Lighthouse y Core Web Vitals con DebugBear

DebugBear tarda solo unos segundos en comenzar a usarse. Literalmente lo apuntas a una URL que deseas ver y comenzará a verlo. No instalas nada.

Comenzará a ejecutar pruebas e inmediatamente obtendrá gráficos de rendimiento que puede comenzar a ver y que se rastrean a lo largo del tiempo , no solo de manera puntual.

Tengo informes completos de Lighthouse ahí mismo, que me muestran cosas en las que realmente necesito trabajar.

Debido a que se realiza un seguimiento de todos estos cambios a lo largo del tiempo, puede ver exactamente qué cambió y cuándo. Eso es bastante grande. ¿Su paquete de JavaScript aumentó de tamaño? ¿Cuando? ¿Por qué? ¿Tu puntuación de SEO cayó? ¿Cuando? ¿Por qué?

Otra gran cosa: DebugBear le enviará un correo electrónico (o un mensaje de Slack) cuando tenga regresiones. Entonces, aunque los gráficos son increíbles, no es que tengas que iniciar sesión cada vez para ver qué pasa. También puede establecer presupuestos de rendimiento muy claros para realizar pruebas:

¿Romper un presupuesto de rendimiento? Se te notificará:

¿Quiere comparar diferentes áreas/páginas de su sitio? (Por cierto, puedes iniciar sesión en ellos antes de probarlos). ¿O compararte con tus competidores para asegurarte de no quedarte atrás? No hay problema, monitorízalos también:

Probar la producción es algo muy bueno. Está midiendo la realidad y puedes empezar rápidamente. Pero también puede ser muy bueno medir las cosas antes de que se conviertan en un problema. ¿Sabes cómo obtener vistas previas de implementación en servicios como Netlify y Vercel? Bueno, DebugBear tiene integraciones creadas solo para servicios como Netlify y Vercel .

Ahora, cuando tenga una solicitud de extracción con una vista previa de implementación, podrá ver directamente en GitHub si las métricas están en línea.

Eso es muchísimo valor por muy poco trabajo. Pero no se deje engañar por la simplicidad: hay todo tipo de cosas avanzadas que puede hacer. Puedes calentar el caché. Puedes realizar pruebas desde diferentes geolocalizaciones. Puede escribir una secuencia de comandos para iniciar sesión que tome los selectores CSS para las entradas y los valores para colocar en ellas. Incluso puede hacer que ejecute su propio JavaScript para hacer cosas especiales y prepararlo para las pruebas, como abrir modales, inyectar peformance.markmétricas o realizar otras funciones de navegación.

Obtenga una prueba gratuita de 14 días de DebugBear