Velocidad de una landing page: cuánto cambia la conversión

Todos coinciden en que un sitio lento es malo. Poca gente sabe decir cuánto cuesta. Sin un número, la velocidad queda al final de la lista, detrás de “cambiar la foto de portada” y “cambiar el texto del botón”.

Un caso publicado por web.dev, de Google, el 24 de junio de 2026 da ese número. Y viene de una empresa que todo fundador brasileño conoce: Nuvemshop, plataforma con más de 180 mil tiendas.

Qué cambió Nuvemshop y cuánto ganó

El equipo de Nuvemshop se centró en una métrica: el LCP, el tiempo hasta que aparece el elemento más grande de la pantalla. Comparando tiendas brasileñas activas en enero de 2025 y en enero de 2026, los resultados fueron:

• Páginas con buen LCP: del 57% al 96%. Una mejora relativa del 68%.
• Páginas aprobadas en las Core Web Vitals: del 48% al 72%. Mejora relativa del 50%.
• Conversión móvil, de la sesión al pedido pagado: +8,9%. Medida en el tráfico orgánico de Google.
• Interacción con el carrito en móvil: +8,4%.

El estudio no trae cifras de escritorio ni de las otras dos métricas de las Core Web Vitals. Pero, para quien vende por el móvil, el mensaje es claro.

El problema no era el que creían

La parte más útil del caso es lo que admite el equipo: “Our initial hypothesis was image weight or server latency. We were wrong.” La hipótesis inicial era el peso de las imágenes o un servidor lento. Era errónea.

El problema estaba en el orden. Los carruseles aparecen en el 85% de las tiendas de Nuvemshop, y la primera imagen del carrusel suele ser el elemento más grande de la pantalla. Pero el navegador no sabía que era la prioridad. Esperaba en la cola como cualquier otra.

Los cuatro cambios técnicos

El equipo hizo cuatro ajustes. Todos se pueden aplicar a una landing page común:

1. Quitó las animaciones de entrada de la primera sección. Las transiciones en CSS retrasaban el momento en que el navegador reconocía la imagen principal.
2. Quitó la carga diferida de la primera imagen. loading="lazy" es ideal para imágenes de más abajo. En la imagen superior, retrasa justo lo que más importa. El cambio aplicó solo a la primera imagen de las primeras secciones.
3. Marcó la imagen principal como alta prioridad. Con fetchpriority="high", y con validación para aplicarlo solo donde el elemento podía ser el más grande de la pantalla. En palabras del equipo: “if everything is high priority, nothing is.”
4. Amplió la caché en el borde. Sin servir precios ni stock desactualizados, vigilando las métricas de negocio.

Ninguno de estos cambios exigió rediseñar la tienda. El aspecto siguió igual. Lo que cambió fue el orden en que el navegador busca cada archivo, y eso bastó para mover la conversión.

La velocidad como métrica de negocio

El caso cita además una investigación de Deloitte para Google, con más de 30 millones de sesiones en 37 marcas: una mejora de 0,1 segundos en velocidad puede aumentar la conversión en retail un 8,4%. Es un dato de retail, pero muestra que la relación entre velocidad y ventas no es exclusiva de Nuvemshop.

El equipo cierra con una frase que vale para cualquier producto: “Fast storefronts aren’t just a technical achievement, they directly drive merchant success.” Una página rápida no es solo un logro técnico. Vende.

Checklist de velocidad para tu landing page

Una landing page que convierte empieza por ser rápida, y la de un fundador suele tener los mismos villanos que el escaparate de una tienda: una imagen grande arriba, animaciones de entrada y scripts de terceros. Antes de invertir en cualquier otra cosa, revisa:

• ¿La imagen superior carga primero? No debe tener loading="lazy" y puede llevar fetchpriority="high".
• ¿La primera sección aparece sin esperar animaciones? Un efecto de entrada arriba retrasa lo que ve el visitante.
• ¿Las imágenes tienen el tamaño correcto para el móvil? Servir la imagen de escritorio en móvil desperdicia datos y tiempo.
• ¿Cuántos scripts de terceros cargan antes del contenido? Chat, píxeles y mapas de calor suman.
• ¿Mides con datos de usuarios reales? PageSpeed Insights muestra el LCP de quienes visitaron tu página, cuando hay tráfico.
• ¿Miras primero la versión móvil? Ahí fue donde Nuvemshop vio la ganancia en conversión.

Cómo lo hacemos en el Studio

Los sitios del Studio se piensan para el móvil desde el primer boceto en Figma, y la velocidad entra como requisito, no como ajuste al final. Antes de publicar, medimos la página en el móvil con las métricas de Core Web Vitals, que también pesan cuando el sitio no aparece en Google.

Usamos Claude Code y Figma en el diseño y el build. Ajustes como los de Nuvemshop son pequeños en el código y grandes en el resultado, y caben en cualquier landing page. El precio se cierra tras el diagnóstico, con plazo por escrito en el contrato.

Si tu landing page tarda demasiado en mostrar lo que importa, cada segundo te está costando registros. Un sitio rápido desde la primera versión es parte de lo que el Studio entrega en diseño de sitios web y landing pages.