Herramienta gratis · Rendimiento

Prueba de velocidad del sitio web

Cargamos tu página como un celular de gama media con una conexión 4G lenta, medimos qué tan rápido aparece el contenido principal y cuánto se mueve la página, y te mostramos qué la hace pesada. Cuando Google tiene datos de usuarios reales de tu sitio, también los ves.

Gratis. Por lo general termina en menos de un minuto.

Qué revisa esta herramienta

  • Un celular con 4G lento

    La página se carga en Chromium como un celular de la clase Moto G Power (412 × 823) con 150 ms de latencia, unos 1.6 Mbps de bajada y 750 Kbps de subida, y una CPU 4× más lenta. Es el perfil que usa Lighthouse para las pruebas en dispositivos móviles.

  • Largest Contentful Paint (LCP)

    Cuándo terminó de renderizarse la imagen o el bloque de texto más grande de la primera pantalla, y qué elemento era.

  • Cumulative Layout Shift (CLS)

    Cuánto se movió de forma inesperada el contenido visible mientras cargaba la página.

  • Total Blocking Time (TBT)

    Cuánto tiempo los scripts mantuvieron al navegador demasiado ocupado para responder a un toque: la parte de cada tarea larga que supera los 50 ms, sumada. Es el sustituto de laboratorio de Interaction to Next Paint (INP).

  • Lo que descarga la página

    El total de bytes y de solicitudes, dividido en imágenes, scripts, CSS y fuentes, y la proporción que viene de terceros.

  • Imágenes pesadas y archivos que bloquean el renderizado

    Imágenes de más de 150 KB o mucho más anchas que el espacio en el que se muestran, y los archivos CSS y de script que retrasan el primer renderizado.

  • Datos de usuarios reales de Chrome

    El Chrome UX Report de Google para tu origen en celulares, en el percentil 75: LCP, INP y CLS, cuando Google tiene suficiente tráfico del sitio.

Qué no puede revisar

  • Dar los mismos números en cada prueba. Los resultados de laboratorio varían con la red, la carga del servidor y los scripts de terceros, así que compara tendencias en lugar de pruebas aisladas.
  • Coincidir exactamente con PageSpeed Insights. Ambos usan un perfil de celular similar, pero se ejecutan en máquinas y redes distintas.
  • Medir INP en el laboratorio. INP necesita interacciones reales, así que la prueba de laboratorio muestra TBT y los datos de campo muestran INP cuando existen.
  • Mostrar datos de campo de todos los sitios. El Chrome UX Report cubre los últimos 28 días y solo los orígenes con suficiente tráfico de Chrome.
  • Probar más de la página que ingresas. El Reporte de Rendimiento de pago prueba 3 páginas clave y ordena las causas con sus correcciones.

Por qué es importante

Una página que se siente instantánea con el Wi-Fi de la oficina y una laptop rápida puede tardar varios segundos en un celular de gama media con poca señal. Esa es la situación que recrea esta prueba, porque es donde las imágenes y los scripts pesados hacen más daño.

Las Core Web Vitals son las métricas de Google para esa experiencia: carga (LCP), capacidad de respuesta (INP) y estabilidad visual (CLS). Google las usa para el posicionamiento, pero dice que una buena experiencia en la página no pesa más que el contenido relevante. Su efecto mayor es en las personas: una página lenta o que salta pierde visitantes antes de que lean algo.

Las causas suelen ser concretas: una imagen principal sin comprimir de varios megabytes, un widget de chat que carga antes que el contenido, una fuente web que oculta el texto o un banner que se inserta arriba de la página después de que aparece. La prueba indica el elemento LCP y los archivos más pesados para que veas cuál de estas causas aplica.

Cómo interpretar los resultados

Largest Contentful Paint (LCP)
Bueno por debajo de 2.5 s, malo por encima de 4 s. Si el elemento LCP es una imagen, lo que más importa es su tamaño y su prioridad de carga; si es texto, revisa las fuentes web y el CSS que bloquea el renderizado.
Cumulative Layout Shift (CLS)
Bueno por debajo de 0.1, malo por encima de 0.25. Es una puntuación sin unidades que combina cuánto de la pantalla se movió y qué tan lejos.
Total Blocking Time (TBT)
Bueno por debajo de 200 ms, malo por encima de 600 ms. Un TBT alto anticipa respuestas lentas a los toques para los usuarios reales.
Bytes y solicitudes
No hay un límite oficial; fíjate qué tipo predomina. Las imágenes suelen ser la mayor parte, y una proporción alta de terceros apunta a apps, etiquetas y widgets.
Imágenes pesadas
Cada imagen de más de 150 KB, o descargada mucho más ancha de lo que se muestra, con su tamaño de archivo y sus dimensiones.
Archivos que bloquean el renderizado
CSS y scripts síncronos que el navegador debe descargar antes de poder mostrar algo.
Datos de campo (percentil 75)
Usuarios reales de Chrome en celulares durante los últimos 28 días. El percentil 75 significa que tres de cada cuatro cargas de página fueron al menos así de rápidas. INP es bueno por debajo de 200 ms y malo por encima de 500 ms.
Sin datos de campo
Google no tiene suficiente tráfico de Chrome para tu origen. Eso no dice nada sobre tu velocidad; básate en los resultados de laboratorio.

Cómo corregir los problemas más comunes

  • Una imagen LCP lenta

    Sirve la imagen principal al tamaño en que se muestra, con srcset, en WebP o AVIF. No le apliques carga diferida (lazy loading), agrega fetchpriority="high" y ponla en el HTML como un elemento img, en lugar de cargarla desde un script o como fondo CSS.

  • Contenido que salta mientras carga

    Dales a las imágenes, los videos y los elementos incrustados atributos width y height o un aspect-ratio en CSS. Reserva espacio para banners, avisos de cookies y anuncios, o muéstralos como superposiciones que no empujen el contenido hacia abajo. Para las fuentes web, usa font-display: optional o una fuente alternativa con un tamaño equivalente.

  • Total Blocking Time alto

    Primero quita las apps, etiquetas y plugins que ya no usas; sus scripts a menudo siguen ahí después de que dejas de usarlos. Carga el chat, las reseñas y la analítica con defer o después de que la página sea interactiva. En Shopify, revisa Tienda online › Temas › Personalizar › Incrustaciones de aplicaciones (App embeds).

  • CSS y scripts que bloquean el renderizado

    Agrega defer a los scripts que no necesitan ejecutarse antes del primer renderizado, incluye en línea la pequeña cantidad de CSS que necesita la primera pantalla y elimina las hojas de estilo de funciones que la página no usa.

  • Imágenes demasiado pesadas

    Cambia el tamaño de las imágenes antes de subirlas (unos 2000 px de ancho bastan para un banner de ancho completo) y comprímelas. Shopify y WordPress pueden servir versiones más pequeñas automáticamente cuando el tema las solicita, así que verifica que tu tema use tamaños de imagen adaptables (responsive).

Preguntas sobre esta herramienta

¿Por qué mis resultados son distintos de los de PageSpeed Insights?

Las pruebas de laboratorio dependen de la máquina, la red y el momento. PageSpeed Insights ejecuta Lighthouse en los servidores de Google y simula la conexión lenta, mientras que nosotros aplicamos la limitación en un navegador real. Espera rangos similares, no números idénticos.

¿Qué es un buen LCP?

2.5 segundos o menos en al menos el 75% de las cargas de página, según web.dev. Más de 4 segundos es malo.

¿Por qué no hay datos de usuarios reales de mi sitio?

El Chrome UX Report solo incluye orígenes que se pueden descubrir públicamente y que reciben suficientes visitas de usuarios de Chrome que comparten estadísticas de uso. Muchos sitios pequeños no llegan a ese nivel; la prueba de laboratorio de todos modos muestra qué corregir.

¿Por qué probar en un celular lento y no en una computadora de escritorio?

Porque ahí es donde los problemas aparecen primero. Una laptop rápida oculta imágenes y scripts pesados que cuestan segundos en un celular de gama media, y Lighthouse usa el mismo perfil de celular para sus pruebas en dispositivos móviles.

¿Qué pasó con First Input Delay?

Interaction to Next Paint (INP) reemplazó a First Input Delay como Core Web Vital en marzo de 2024. INP considera el retraso de las interacciones durante toda la visita, no solo el de la primera.

Fuentes

Herramientas relacionadas

El Reporte de Rendimiento ($55, pago único) parte del análisis gratuito completo y agrega más páginas, el cambio que debes hacer para cada hallazgo, un PDF y reevaluaciones para verificar tus correcciones.

Acerca del Reporte de Rendimiento