Volver al Diario
Rendimiento y SEONº 00614 de junio de 20266 min

Lo que un LCP de 4 segundos le hace a la conversión de tu checkout

Cuatro segundos parecen poco. En el checkout, son el intervalo entre una venta cerrada y un carrito abandonado.

El cliente ya ha decidido comprar. Ha puesto el producto en el carrito, ha sacado la tarjeta de la cartera, ha pulsado en finalizar. Y luego se queda mirando una pantalla casi en blanco durante cuatro segundos.

Esos cuatro segundos son tu Largest Contentful Paint. Es el tiempo que tarda en aparecer el elemento visible más grande de la página. En el checkout suele ser el resumen del pedido o el botón de pago. Mientras no se pinta, el cliente no tiene nada que hacer. Solo esperar y dudar.

La duda es el problema. Un LCP lento no frena solo la página. Frena la decisión de compra que ya estaba tomada.

El número que deberías conocer

Google define tres franjas para el LCP. Hasta 2,5 segundos es bueno. Entre 2,5 y 4 segundos necesita mejoras. Por encima de 4 segundos es pobre. Tu checkout a 4 segundos está justo en el peor lado de esa frontera.

Y esto no es cosmético. La propia Google publicó que, a medida que el tiempo de carga pasa de 1 a 3 segundos, la probabilidad de que el usuario abandone la página sube un 32%. De 1 a 5 segundos, sube un 90%. Tu checkout vive precisamente en esa zona de riesgo.

Akamai, en un estudio de retail online de 2017, midió que un retraso de apenas 100 milisegundos bajaba la tasa de conversión un 7%. Cien milisegundos. Tú tienes cuatro mil de más respecto a lo que deberías.

Por qué el checkout es el peor sitio para ser lento

Hay una diferencia entre una página de listado lenta y un checkout lento. En el listado, el cliente está explorando. La paciencia es mayor porque la intención todavía es difusa.

En el checkout la intención está al máximo y la paciencia al mínimo. El cliente ya ha hecho el esfuerzo mental de decidir gastar dinero. Cada segundo de espera abre una ventana a la duda. Recuerda que en realidad no lo necesita. Piensa en comparar precios en otro sitio. Le llega una notificación y se va.

Tú no pierdes a un visitante curioso. Pierdes una venta que ya tenías ganada.

Lo que suele comerse tus 4 segundos

En la mayoría de los checkouts lentos, el culpable no es misterioso. Es predecible. Mira el patrón habitual:

  • Scripts de terceros que bloquean el renderizado: widgets de chat, píxeles de remarketing, gestores de etiquetas cargados de forma síncrona al principio de la página.
  • Imágenes de producto sin dimensiones definidas, sin formato moderno (AVIF o WebP) y sin lazy loading correcto, lo que obliga al navegador a esperar.
  • Respuesta lenta del servidor: un Time to First Byte alto porque la página se genera bajo demanda sin caché, en lugar de servirse prerrenderizada.
  • Fuentes web que bloquean el texto hasta que se descargan, dejando el botón de pago invisible más tiempo del que debería.
  • JavaScript en exceso que hay que descargar, parsear y ejecutar antes de que la página sea utilizable.

Fíjate en un detalle importante. Casi ninguno de estos problemas tiene que ver con el diseño de la página. Son decisiones de ingeniería. Por eso mucha gente invierte en rediseñar el checkout y la conversión no se mueve. El problema nunca estuvo en el color del botón.

Cómo atacar esto en serio

Primero, mide con datos reales de usuarios, no solo en tu portátil con fibra. El Chrome User Experience Report y el Search Console te muestran el LCP que sufren tus clientes reales, en su móvil, en su red. Esa es la verdad que cuenta.

Después, identifica el elemento LCP concreto de tu página de checkout. Las DevTools de Chrome te dicen exactamente cuál es. No lo adivines. Optimiza ese elemento primero, porque es el que define la métrica.

  1. Prerrenderiza o sirve el checkout con caché para bajar el Time to First Byte por debajo de los 800ms.
  2. Aplaza o carga de forma asíncrona todos los scripts de terceros: el píxel de Facebook no necesita bloquear el botón de pagar.
  3. Sirve las imágenes críticas en AVIF o WebP, con dimensiones explícitas y prioridad alta en el elemento LCP.
  4. Usa font-display swap para que el texto aparezca ya, sin esperar a la fuente.
  5. Recorta el JavaScript que no hace falta para el primer render y divide el bundle.

Vale la pena hacer esto antes de cualquier campaña de tráfico de pago. No tiene sentido pagar para traer clientes a un checkout que los pierde en los primeros cuatro segundos. Estás llenando un cubo agujereado.

La cuenta que nadie quiere hacer

Coge tu tasa de abandono de carrito. Crúzala con los datos de LCP del Search Console. Si tu checkout está por encima de 4 segundos en el móvil, parte de tu pérdida no es objeción de precio ni falta de confianza. Es solo lentitud.

Y la lentitud es el único problema de conversión que se resuelve sin cambiar una sola palabra de tu copy ni un céntimo de tu precio. Se resuelve con ingeniería. Es de las inversiones con mejor retorno que un negocio online puede hacer.


Mide tu LCP esta semana. Si está en los 4 segundos, ya sabes dónde está la fuga.

Referencias
  1. 01web.dev — Largest Contentful Paint (LCP)
  2. 02web.dev — Core Web Vitals
  3. 03Think with Google — Find out how you stack up to new industry benchmarks for mobile page speed
  4. 04Akamai — Online Retail Performance Report (2017)
  5. 05web.dev — Optimize Largest Contentful Paint
  6. 06Chrome Developers — Chrome User Experience Report
También:
Rendimiento y SEONº 003

Core Web Vitals — lo que realmente importa en 2026

LCP, INP, CLS. Tres métricas que Google usa para decidir si tu sitio merece estar en la primera página.

Web para pymesNº 005

Por qué tu web WordPress de 2019 te está costando clientes en 2026

Siete años son una eternidad en la web. La web que parecía moderna en 2019 hoy ahuyenta clientes antes del primer contacto. Aquí está el porqué.

Volver al Diario