La misma tienda. Dos sitios. Un celular.
Negative Split es una tienda ficticia de running. La misma página de producto, hecha de dos formas, carga lado a lado en una conexión de celular simulada. Dale inicio, toca la pantalla mientras carga y luego intenta arreglar la lenta.
Cambiaron los arreglos. Corre la carrera otra vez para ver la diferencia.
Toca Agregar al carrito en cualquiera de los celulares mientras cargan.
Ve cada archivo, segundo a segundo
Hecho a mano
Sitio típico
Arregla el sitio típico
Elige qué arreglar y corre otra vez. Llegarás muy cerca. No del todo.
Cómo funciona por dentro
Lo que demuestra.
La velocidad no es una opción que se enciende. Es cada archivo que pide una página, y en qué orden.
Tamaños de archivo, red simulada
Cada sitio es una lista de archivos con tamaños reales. Se descargan a través de un modelo de conexión de celular que reparte el ancho de banda, paga por cada nueva conexión a un servidor y ejecuta los scripts uno por uno.
El límite de Google para la carga
La carrera evalúa ambas páginas con los Core Web Vitals de Google: el contenido principal debe aparecer en menos de 2.5 segundos, y el diseño apenas debe moverse.
Menos que descargar
Unos 280 KB contra unos 3 MB, cerca de los 2.3 MB que pesa hoy la página móvil promedio.
Arreglos que puedes probar
La mayoría de los sitios lentos se pueden mejorar mucho sin rehacerlos. Los interruptores muestran cuánto, y dónde está el techo.
Toques ignorados
Toca Agregar al carrito mientras carga el sitio típico: el celular está ocupado ejecutando scripts y el toque espera. El botón de la página hecha a mano es un formulario simple que funciona de inmediato.
Marca, hecha para la demo
Negative Split se diseñó para esta página: logo, paleta, tipografía e ilustración del producto, todo dibujado en código.
Negative Split es ficticia. La carrera es una simulación basada en tamaños de archivo reales y en la configuración de prueba publicada por Google (1.6 Mbps, 150 ms de latencia), no una grabación de sitios reales. Los scripts están medidos para un celular de gama media.
La marca
Te presento a Negative Split.
Una tienda ficticia de running en Portland, diseñada para esta demo. Un negative split es correr la segunda mitad de una carrera más rápido que la primera. El símbolo es un círculo cortado en diagonal, con su segunda mitad un paso adelante.
- Violeta#5B3DF5
- Sol#FFD23F
- Niebla#EEF0F3
- Tinta#15131C
- Pizarra#5D5A6B
Hecho para la segunda mitad.
Bricolage Grotesque para los titulares. Instrument Sans para todo lo que se lee. Una monoespaciada para los números que le importan a quien corre.
Milla 18 · 7:42 /mi · 228 g
- "Hecho para la segunda mitad."
- "Espuma que todavía se siente como espuma en la milla 18."
- "Devoluciones por 60 días. Córrelos primero."