El checkout es donde se pierde la venta.
Se puede tener una ficha preciosa y una portada rapidísima. Si al final el formulario tarda, el botón salta o aparece un campo que nadie esperaba, el cliente se va con el carrito lleno y sin decir nada.
Compra tú mismo en la tienda, desde el móvil y con datos móviles. Cronometra desde «finalizar compra» hasta el botón de pagar. Mira cuántos scripts de terceros se cargan y si el botón se mueve mientras cargan. Ahí están casi todos los problemas.
Por qué el checkout es distinto
En una ficha de producto, un segundo de más se perdona. En el checkout, no: el cliente ya decidió comprar y está haciendo un esfuerzo. Cada campo extra, cada validación que aparece tarde y cada script que bloquea el pago es una razón nueva para abandonar.
Y no se ve en la portada. La portada puede ir perfecta y el checkout puede estar cargando seis cosas a la vez. Son páginas distintas, con plugins distintos y comportamientos distintos.
Qué suele frenarlo
- Pasarelas que cargan todas a la vez. Tarjeta, Bizum, PayPal y financiación descargan su SDK aunque el cliente solo vaya a usar una.
- Píxeles y analítica. Cada script de marketing añade peticiones y trabajo en el hilo principal, justo cuando hay que responder rápido.
- Campos de más. Teléfono obligatorio, empresa, segunda dirección, «cómo nos conociste». Cada uno suma fricción y tiempo de rellenado.
- Validaciones que llegan tarde. El cliente pulsa «pagar», espera y descubre que faltaba un dato. Otra vuelta.
- Saltos de layout. El botón de pagar se mueve cuando termina de cargar el banner de cookies o la fuente. El clic cae donde no toca.
- Compra sin registro escondida. Si obligas a crear cuenta, una parte se va. Si la opción existe pero está escondida, es como si no existiera.
La prueba que puedes hacer hoy
No hace falta acceso al panel ni un informe de veinte páginas. Haz una compra de prueba, con un producto barato o un cupón del 100 %, y cronometra:
- En el móvil, con datos. No en el wifi de la oficina. La diferencia entre tu fibra y un 4G real es la que ve el cliente.
- Desde «finalizar compra» hasta poder pagar. Cuenta los segundos y las veces que la pantalla cambia sola.
- Con la pestaña de red abierta. Mira cuántos dominios de terceros aparecen y cuánto pesa el conjunto.
- Sin iniciar sesión. Comprueba que la opción de invitado está visible y funciona.
- Provocando un error. Deja un campo vacío y mira cuánto tarda en avisar y si te lleva al campo correcto.
Un checkout no se mide por lo bonito que es. Se mide por lo poco que estorba.La prueba del cliente
Medir en vez de opinar
Con la auditoría se ve el tiempo hasta que el checkout es usable, cuántos recursos de terceros se cargan y si hay saltos de layout. También se ve el INP: lo que tarda la página en reaccionar cuando pulsas un botón.
Lo que no se ve desde fuera es tu tasa de abandono real ni el detalle de tus pedidos. Para eso están tus analíticas. Pero si el checkout tarda cuatro segundos en estar listo, no hace falta un embudo para saber que algo se está perdiendo.
Qué se arregla antes de tocar el diseño
Muchas veces no hace falta rediseñar. Bastan cosas pequeñas: cargar la pasarela solo cuando se elige, quitar dos campos, reservar el espacio del banner de cookies, servir la fuente con `font-display: swap` y no cargar píxeles en el checkout hasta que se confirma el pedido.
Eso no es un rediseño. Es mantenimiento bien hecho. Y suele dar más ventas que cambiar los colores.
¿Cuánto tarda tu checkout en estar listo para pagar?
La auditoría mide la ficha, el carrito y el checkout por separado, y te dice qué está bloqueando el pago.
Auditar mi tienda