La misma tienda. Dos versiones. 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. Arranca la carrera, toca la pantalla mientras carga y luego intenta arreglar la lenta.
Cambiaste los arreglos. Corre la carrera otra vez para ver la diferencia.
Toca Agregar al carrito en cualquiera de los celulares mientras cargan.
Mira cada archivo, segundo a segundo
Hecho a mano
Sitio típico
Arregla el sitio típico
Elige qué arreglar y vuelve a correr. Te vas a acercar bastante. Pero no del todo.
Por dentro
Qué demuestra.
La velocidad no es un botón que se prende. Es cada archivo que pide la página, y en qué orden.
Tamaños de archivo, red simulada
Cada versión 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, se tarda en cada conexión nueva a un servidor y ejecuta los scripts uno por uno.
El límite de Google para cargar
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 una página promedio en celular.
Arreglos que puedes probar
Casi todos los sitios lentos se pueden mejorar mucho sin rehacerlos. Los interruptores te muestran cuánto, y hasta dónde se puede llegar.
Toques que se ignoran
Toca Agregar al carrito mientras carga el sitio típico: el celular está ocupado ejecutando scripts y tu toque tiene que esperar. En la página hecha a mano, el botón es un formulario simple que responde al instante.
Una marca hecha para la demo
Negative Split se diseñó para esta página: logo, paleta de colores, tipografía e ilustración del producto, todo dibujado con código.
Negative Split no existe. La carrera es una simulación basada en tamaños reales de archivos y en la configuración de prueba que publica 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
Esta es Negative Split.
Una tienda ficticia de running en Portland, diseñada para esta demo. Hacer un negative split es correr la segunda mitad de una carrera más rápido que la primera. El logo 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 títulos. Instrument Sans para todo lo que se lee. Una monoespaciada para los números que le importan a un corredor.
Milla 18 · 7:42 /mi · 228 g
- "Hecho para la segunda mitad."
- "Espuma que sigue siendo espuma en la milla 18."
- "Devoluciones por 60 días. Primero, sal a correr con ellos."
Sitios web y SEO
Sitios que cargan rápido en un celular de verdad y están hechos para salir en Google, en la plataforma que mejor encaje.
Ver el servicio Más demosVolver al Lab
El localizador, el dashboard en vivo, la automatización y el antes y después del copy también están ahí.
Entra al Lab