Pruebas de velocidad · Actualizado el 21 de marzo de 2026

Cómo leer los resultados de la prueba de velocidad de Shopify: Qué significan LCP, CLS e INP

Has realizado una prueba de velocidad. Ahora está mirando LCP, CLS, INP, TBT, FCP, SI y un montón de diagnósticos. ¿Qué significa todo esto? ¿Qué números importan? ¿Qué deberías arreglar primero? Esta guía decodifica cada sección de su informe de prueba de velocidad.

~11 minutos de lectura · 2400 palabras

Datos de campo frente a datos de laboratorio: ¿qué importa más?

Cuando ejecutas una prueba de velocidad en PageSpeed Insights o nuestro prueba de velocidad gratuita de Shopify, verás dos secciones distintas. Comprender la diferencia es lo más importante a la hora de leer los resultados de las pruebas de velocidad.

📊 Datos de campo (usuarios reales)

Datos de usuarios reales de Chrome quién visitó su sitio durante los últimos 28 días. Recopilado a través del Informe de experiencia del usuario de Chrome (CrUX).

  • Refleja la experiencia real del usuario en todos los dispositivos, redes y ubicaciones
  • Esto es lo que usa Google para las clasificaciones
  • Actualizado mensualmente con una ventana móvil de 28 días
  • Puede mostrar "No hay datos suficientes" para páginas con poco tráfico

🔬 Datos de laboratorio (prueba simulada)

Data from a prueba simulada se ejecuta ahora mismo con condiciones controladas (velocidad específica del dispositivo, red, ubicación).

  • Resultados instantáneos: muestra mejoras inmediatamente después de los cambios
  • Diagnósticos y recomendaciones más detallados
  • Las puntuaciones varían entre carreras (las fluctuaciones de 5 a 10 puntos son normales)
  • No afecta directamente al ranking SEO

Conclusión: Los datos de campo son la verdad. Los datos de laboratorio son el depurador. Utilice datos de campo (Google Search Console → informe Core Web Vitals) para realizar un seguimiento de lo que ve Google. Utilice datos de laboratorio (diagnóstico de PageSpeed ​​Insights) para identificar problemas específicos que solucionar. Cuando el campo y el laboratorio no están de acuerdo, confíe en los datos de campo: representan lo que realmente experimentan los visitantes reales.

Los 3 elementos básicos de la Web que afectan tu ranking en Shopify

Estas tres métricas son las que Google utiliza como señales de clasificación. Todo lo demás en la prueba de velocidad es secundario. Tu objetivo: conseguir que los tres estén en el rango "bueno" (verde).

LOADING

LCP: pintura con contenido más grande

Mide qué tan rápido cargas de contenido principal. En Shopify, esta suele ser la imagen principal (página de inicio), la imagen del producto (páginas de productos) o el banner de la colección (páginas de la colección).

Bueno: ≤ 2,5 s Necesita trabajo: 2,5–4,0 s Poor: > 4.0s

Si el tuyo es rojo: Lea nuestro guía completa de reparación de LCP. Las causas más comunes son secuencias de comandos que bloquean el procesamiento, imágenes principales no optimizadas y contenido de carga diferida en la mitad superior de la página.

STABILITY

CLS: cambio de diseño acumulativo

Mide cuánto el contenido salta mientras se carga la página. Un CLS alto significa que los elementos cambian de posición inesperadamente, lo que frustra a los visitantes y provoca que hagan clic erróneo.

Bueno: ≤ 0,1 Necesita trabajo: 0,1–0,25 Poor: > 0.25

Si el tuyo es rojo: Lea nuestro guía completa de reparación de CLS. Causas comunes: imágenes sin ancho/alto, widgets de aplicaciones que se cargan tarde, intercambios de fuentes y presentaciones de diapositivas.

INTERACTIVITY

INP — Interacción con la siguiente pintura

Mide la velocidad de tu página responde a las interacciones del usuario (clics, toques, pulsaciones de teclas). INP reemplazó a FID (First Input Delay) como Core Web Vital en marzo de 2024 y es más difícil de aprobar.

Bueno: ≤ 200ms Necesita trabajo: 200–500 ms Poor: > 500ms

Si el tuyo es rojo: Lea nuestro guía completa de reparación de INP. Causas comunes: controladores de eventos JavaScript pesados, scripts de aplicaciones de terceros y tamaños DOM grandes.

Explicación de otras métricas de prueba de velocidad de Shopify

Más allá de Core Web Vitals, su informe de prueba de velocidad muestra varias métricas adicionales. Estas no son señales de clasificación directa, pero ayudan a diagnosticar problemas de rendimiento y contribuyen a la puntuación de rendimiento general.

Primera pintura con contenido (FCP)

¿Cuánto tiempo tarda el navegador en procesarse? cualquiera content (text, image, or background). Good: under 1.8s. FCP shows how quickly your page starts appearing — even before the main content (LCP) loads. A high FCP usually means render-blocking resources are preventing anything from showing.

Tiempo total de bloqueo (TBT)

Tiempo total que el hilo principal estuvo bloqueado por tareas largas de JavaScript (más de 50 ms cada una) entre FCP y Time to Interactive. Bueno: menos de 200 ms. TBT es el equivalente de laboratorio de INP: mide cuánto JavaScript acapara el navegador. TBT alto = interacciones lentas. Esta es la métrica de laboratorio de mayor impacto para su puntuación de velocidad general.

Índice de velocidad (SI)

Qué tan rápido se llena el área visible de la página durante la carga. Bueno: menos de 3,4s. El índice de velocidad mide la progresión visual: una página que se muestra de arriba a abajo sin problemas obtiene una mejor puntuación que una que permanece en blanco y luego aparece de una vez. Es útil para la optimización de la representación visual, pero no como señal de clasificación.

Tiempo hasta el primer byte (TTFB)

Cuánto tarda el servidor en responder. Bueno: menos de 800 ms. En Shopify, el TTFB suele ser de 200 a 800 ms y depende en gran medida de la infraestructura de Shopify. Puede influir en ello simplificando las plantillas de Liquid y reduciendo las búsquedas de metacampos, pero no puede cambiar el servidor subyacente.

La puntuación de desempeño: qué significa (y qué no significa)

El número grande en la parte superior de su informe de PageSpeed Insights (0–100) es el Puntuación de rendimiento del faro. Es un promedio ponderado de múltiples métricas:

Métrica Peso Impacto en la puntuación
Tiempo total de bloqueo (TBT) 30% Más alto: reducir el tiempo de bloqueo de JavaScript tiene el mayor impacto en la puntuación
Pintura con contenido más grande (LCP) Puntuación 25% Crítico: velocidad de aparición del contenido principal
Cambio de diseño acumulativo (CLS) 25% Importante: estabilidad visual durante la carga
Primera pintura con contenido (FCP) 10% Moderado: velocidad del primer contenido visible
Índice de velocidad (SI) 10% Moderado: progresión de carga visual

Información clave: TBT (30%) tiene el mayor impacto en tu puntuación. Reducir el tiempo de bloqueo de JavaScript (al diferir los scripts de bloqueo de renderizado) es la forma más eficaz de mejorar tanto su puntuación de rendimiento como su INP en el mundo real. Esto es exactamente lo que Thunder automatiza.

Lo que no significa la puntuación: Una puntuación más alta no significa automáticamente mejores clasificaciones. Google utiliza campo Core Web Vitals (LCP, CLS, INP) para clasificaciones, no la puntuación de rendimiento basada en laboratorio. Una tienda con una puntuación de 65 pero que aprueba el campo CWV tendrá una mejor clasificación (todo lo demás igual) que una tienda con una puntuación de 85 pero que reproba el campo CWV. No persiga un 100 perfecto: concéntrese en llevar Core Web Vitals al rango verde. Para más contexto, ver cuál es una buena puntuación de velocidad de Shopify. Si su TBT es alto, una aplicación de optimización de velocidad como Thunder puede reducirlo drásticamente. consultar planes para ver cuál se adapta a tu tienda.

Lectura de la sección de Diagnóstico

Debajo de las métricas, se muestra PageSpeed Insights Diagnóstico : problemas específicos identificados en su página. Estos están ordenados por impacto potencial. Estos son los diagnósticos de Shopify más comunes y lo que significan:

"Reducir JavaScript no utilizado"

Scripts de aplicaciones de terceros que se cargan en cada página pero no se utilizan en esta página específica. Solución: elimine las aplicaciones no utilizadas o utilice un optimizador de secuencias de comandos para posponer las secuencias de comandos no críticas. Vea nuestra guía sobre impacto de secuencias de comandos de terceros.

"Eliminar recursos que bloquean el renderizado"

CSS and JavaScript files blocking the browser from rendering content. The #1 LCP killer on Shopify. Read our guía de reparación de recursos que bloquean el procesamiento.

"La imagen más grande de Contentful Paint se cargó de forma diferida"

Tu imagen de héroe tiene cargando="perezoso" - elimínelo y agregue fetchpriority="alta" en su lugar. Ver nuestra guía de reparación de LCP.

"Servir imágenes en formatos de próxima generación"

Las imágenes están en JPEG/PNG en lugar de WebP/AVIF. Si usas Shopify imagen_url filter, WebP is served automatically. Custom images uploaded to the content area may not benefit from this. See our guía de optimización de imágenes.

"Evitar grandes cambios de diseño"

Enumera elementos específicos que se desplazaron durante la carga. Haga clic para ver cada elemento y su contribución al cambio. Para solucionarlo, agregue dimensiones de imagen, reserve espacio para contenido dinámico y optimice las fuentes. Vea nuestro Guía de reparación de CLS.

"Reducir el impacto del código de terceros"

Muestra qué scripts de terceros (aplicaciones, análisis, widgets de chat) están afectando tu puntuación y cuánto contribuyen a bloquear el tiempo. Utilice esto para decidir cuál vale la pena conservar las aplicaciones.

Puntuación de velocidad de Shopify frente a PageSpeed Insights

Tu administrador de Shopify muestra una puntuación de velocidad en Tienda en línea → Temas → Velocidad. Esta puntuación es no es igual que PageSpeed Insights y he aquí por qué se diferencian:

Característica Puntuación de velocidad de Shopify PageSpeed Insights
Qué prueba Random sample of pages from your store La URL específica que ingresas
Base de comparación Otras tiendas Shopify con temas similares Umbrales absolutos de rendimiento
Frecuencia de actualización Periódicamente (no en tiempo real) Prueba en vivo cada vez que la ejecutas
Utilizado para clasificaciones SEO No Indirectamente (a través de datos de campo CWV)

¿Cuál debería interesarte? Para SEO, céntrese en PageSpeed ​​Insights (datos de campo) y el informe Core Web Vitals de Google Search Console. La puntuación integrada de Shopify es útil como comparación general con otras tiendas Shopify, pero no es lo que usa Google. Para más detalles, ver Puntuación de velocidad de Shopify frente a PageSpeed Insights.

Qué arreglar primero: su orden de prioridad

Después de leer tu prueba de velocidad, sigue este orden de prioridad para lograr el máximo impacto:

1

Corregir cualquier Core Web Vitals "deficiente" (rojo)

Estos están perjudicando activamente tu clasificación SEO. Prioridad: LCPCLSINP

2

Mueva el CWV "Necesita mejorar" a "Bueno" (naranja → verde)

Estos están en el límite: una pequeña mejora te lleva a la zona verde donde se aplica el aumento de clasificación.

3

Reducir el tiempo total de bloqueo

TBT tiene la puntuación más alta (30%) y se correlaciona con el INP del mundo real. Posponga scripts y elimine aplicaciones no utilizadas.

4

Abordar diagnósticos de alto impacto

Work through the diagnostics list from top to bottom — they're sorted by potential impact. Focus on the items with red/orange indicators.

El camino más rápido: solucionar la mayoría de los problemas en 30 segundos

Si sus principales problemas son los scripts que bloquean el procesamiento, las imágenes no optimizadas y la entrega de CSS (normalmente lo son), Thunder maneja los tres automáticamente. Instálelo, ejecute la prueba de velocidad nuevamente y vea cuántos diagnósticos desaparecen.

Prueba Thunder gratis →

Plan gratuito disponible · Sin tarjeta de crédito · Ver resultados al instante

Preguntas frecuentes

¿Cuál es una buena puntuación en la prueba de velocidad de Shopify?

En dispositivos móviles, una puntuación de PageSpeed ​​Insights de 50 a 70 es promedio para las tiendas Shopify, 70 a 85 es buena y 85+ es excelente. En computadoras de escritorio, las puntuaciones de 80+ son típicas y 90+ son buenas. Concéntrese menos en la puntuación general y más en aprobar los tres Core Web Vitals (LCP por debajo de 2,5 segundos, CLS por debajo de 0,1, INP por debajo de 200 ms): estos son los que Google realmente utiliza para las clasificaciones.

¿Por qué mi puntuación de velocidad cambia cada vez que hago el examen?

Las pruebas de velocidad basadas en laboratorio simulan la carga de su página y se ven afectadas por las condiciones de la red, la carga del servidor en el momento de la prueba y los procesos en segundo plano. Las variaciones de 5 a 10 puntos entre pruebas son completamente normales. Para obtener resultados confiables, ejecute la prueba de 3 a 5 veces y observe la puntuación media, o confíe en los datos de campo (CrUX), que promedian las experiencias reales de los usuarios durante 28 días. Lea más en nuestra guía sobre por qué varían los puntajes de velocidad.

¿Cuál es la diferencia entre datos de campo y datos de laboratorio?

Field data comes from real Chrome users visiting your store over the past 28 days — it's what Google uses for rankings. Lab data is from a simulated test run right now with controlled conditions (specific device, network, and location). Field data is more trustworthy for SEO decisions; lab data is more useful for debugging because you can see detailed diagnostics and timing breakdowns.

¿Qué métricas debo corregir primero?

Prioritize the three Core Web Vitals that are in red or orange: LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift), and INP (Interaction to Next Paint). Among these, fix whichever is furthest from the 'good' threshold first. If all three pass, look at Total Blocking Time and Speed Index for additional improvements. Don't chase a perfect 100 score — passing Core Web Vitals matters far more for SEO and user experience.

How do I test my Shopify store speed from different locations?

Use WebPageTest (webpagetest.org) to run speed tests from servers in specific countries — useful if your customers are global. GTmetrix also lets you pick test locations. For Shopify specifically, our free speed test at thunderpagespeed.com/tools/speed-test uses Google's PageSpeed Insights API to test your store. Always test on mobile with 4G throttling enabled, as that's how most shoppers experience your store and how Google evaluates Core Web Vitals.

Does Shopify's built-in speed score differ from PageSpeed Insights?

Sí. La puntuación de velocidad de Shopify en el panel de administración utiliza Lighthouse (el mismo motor que PageSpeed ​​Insights) pero prueba una muestra aleatoria de tus páginas y compara los resultados con otras tiendas Shopify sobre temas similares. PageSpeed ​​Insights prueba una URL específica con la configuración estándar de Google. Las puntuaciones suelen diferir. Para fines de SEO, concéntrese en PageSpeed ​​Insights y Google Search Console: reflejan lo que Google realmente usa.

Do It Yourself

Free plan · 1-click install · Instant results

Install Thunder Free →

Done For You

Core Web Vitals guarantee · 2-week delivery · 6 months Thunder free

Get Expert Optimization →

Starting from €1,500