DEV Community

Cover image for Performance: Los valores de Lighthouse y PageSpeed Insights son diferentes
Mariano Álvarez 🇨🇷
Mariano Álvarez 🇨🇷

Posted on

Performance: Los valores de Lighthouse y PageSpeed Insights son diferentes

Existen dos tipos de herramientas para hacer pruebas de performance en web:

1. Herramientas de laboratorio

Funcionan en condiciones específicas, por ejemplo:
• No consideran el cache, bfCache, ni AMP
• Ambientes controlados (geografía, dispositivo, velocidad)
• Sirven en la etapa de desarrollo, antes de producción
• Son estables, generalmente el score es el mismo aunque se corra la herramienta varias veces

2. Herramientas de campo

Utilizan datos reales para comparar los resultados y determinar el score.

Pueden ser datos recolectados manualmente o utilizando el Chrome UX Report

🧪 Lighthouse en los Devtools de Chrome funciona como una herramienta de laboratorio. Lo puedes determinar porque al final del reporte vienen las condiciones en las que se corrieron las pruebas, por ejemplo:

• Initial page load
• Slow 4G throttling
• Single page session
• Using Chromium 125.0.0.0 with devtools
• Emulated Moto G Power with Lighthouse 11.7.1

⚡️ PageSpeed Insights por su parte entrega una información similar pero puedes detallar que las pruebas corren en diferentes condiciones:

• Full visit durations
• All Chrome versions
• Various mobile devices
• Various network connections
• Latest 28-day collection period
• Many samples (Chrome UX Report)

Así que no te asustes, está bien que los valores sean diferentes, solo tienes que entender la razón.


Te ayudo a ser un mejor Web Developer
Click + Mariano Alvarez + Seguir + 🔔


Like si te gustó este contenido ❤️

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

Cloudinary image

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay