Amazon descubrió que cada 100 ms de latencia les costaba un 1 % en ventas. Walmart descubrió que convertir a un visitante requería 2 segundos menos de tiempo de carga que a un no comprador. El rendimiento no es algo “agradable de tener”. Es la base de los ingresos.

Las métricas que importan (Core Web Vitals)

Google mide su sitio utilizando tres métricas clave. Si no los supera, perderá el ranking SEO.

Métrica	Nombre	Buen objetivo	Qué mide
LCP	Pintura con contenido más grande	< 2,5 s	Velocidad de carga
INP	Interacción con la siguiente pintura	< 200 ms	Capacidad de respuesta
CLS	Cambio de diseño acumulativo	< 0,1	Estabilidad Visual

La solución: Edge Computing

La velocidad de la luz es una limitación estricta. Si tu servidor está en Virginia (Shopify US) y tu cliente está en París, la señal tiene que cruzar el Atlántico. Eso lleva tiempo. Movemos el cálculo al Usuario.

Oxígeno y llamarada de nubes

Shopify Oxygen se ejecuta en la red de Cloudflare. Cuando un usuario solicita una página, el “Servidor” más cercano a él (por ejemplo, el nodo del Aeropuerto CDG) maneja la solicitud.

gráfico TD
    Usuario[Usuario en París] -->|5ms| Borde[Nodo de borde (CDG)]
    
    subgrafo "La Magia"
    Borde -->|¿Está HTML almacenado en caché?| Caché{obsoleto mientras se revalida}
    Caché -->|Sí| Borde
    Caché -->|No| Origen[Shopify Virginia]
    fin
    
    Origen -->|300ms| Borde
    Borde -->|Corriente| Usuario

Lista de verificación de optimización

1. Optimización de imagen (AVIF)

Deja de usar PNG. Implementamos una canalización automática de imágenes que convierte todo a AVIF (50% más pequeño que JPEG).

<Imagen 
  datos={producto.imagen} 
  anchos={[300, 600, 900]} 
  formatos = {['avif', 'webp']} 
/>

2. Aplazar scripts de terceros

Klaviyo, Gorgias y Meta Pixel destruyen el rendimiento del hilo principal (INP). Los movemos a Partytown (Ejecutando en un Web Worker) o simplemente los aplazamos hasta después de la interacción. Los usuarios no pueden comprar si el hilo principal está bloqueado por la carga de un widget de chat.

3. Captación previa predictiva

Cuando un usuario pasa el cursor sobre la tarjeta de un producto, sospechamos que hará clic en ella. Comenzamos a buscar el JSON de datos del producto antes de que hagan clic. Cuando el dedo se levanta del mouse, los datos ya están ahí. Navegación instantánea.

Estudio de caso: velocidad versus ingresos

Optimizamos el sitio de un cliente, reduciendo el LCP de 4,2 a 1,8 s.

Tasa de rebote: Disminución del 15 %.
Tasa de conversión: Aumento del 8 %.
Ingresos: +$40k/mes.

¿Su sitio es lento?

Realiza una comprobación del faro. Si ves Rojo, estás quemando dinero. Contrate a nuestros arquitectos.