La bandeja de entrada que cargaba 6,7 MB antes de mostrar el primer mensaje
Plataforma de outreach y customer engagement con IA, usada por más de 165 empresas. La pantalla más usada del producto era la que menos aguantaba su propio éxito.
- Cliente
- Chattie
- Periodo
Nuestro papel: Ingeniería de producto contratada, integrada en el equipo del cliente.
Contexto
Chattie es una plataforma de outreach y customer engagement con IA para equipos comerciales, usada por más de 165 empresas. La bandeja de entrada es donde el usuario pasa el día: es ahí donde las conversaciones llegan, se leen y se responden. Cuanto más usa el cliente el producto, más grande se vuelve esa pantalla — y fue exactamente eso lo que pasó.
El problema
La bandeja se atascaba. Tardaba en abrir, y el cliente se quejó — que es la forma más cara de descubrir un problema de rendimiento. Cuando medimos, en agosto de 2026, la carga inicial de la pantalla traía cerca de 6,7 MB. El patrón detrás de esto es conocido: una lista que trae todo lo que existe y dibuja todo lo que trajo. Funciona en la cuenta de demostración y se degrada exactamente en los clientes que más usan el producto.
Lo que hicimos
Reconstruimos la bandeja sobre dos decisiones. La primera: paginación por cursor, en vez de traer la colección entera — el servidor devuelve una ventana de conversaciones y una marca de dónde continuar, así que el volumen de datos deja de crecer junto con la cuenta del cliente. La segunda: virtualización de la lista, manteniendo en el DOM solo las filas visibles más un pequeño margen, en vez de miles de nodos que nadie está mirando.
Lo que se paga por esto
Ninguna de las dos decisiones es gratis. Con cursor no existe salto a una página arbitraria: la navegación pasa a ser secuencial, y cualquier recuento total necesita una consulta propia. Con virtualización, lo que no está en el DOM no lo encuentra el Ctrl+F del navegador, y las anclas, el scroll restaurado y los lectores de pantalla pasan a exigir cuidado explícito. Son costes previsibles, y fueron la elección correcta para una pantalla donde el usuario hace mucho scroll y salta poco.
¿Tu producto tiene un número así?
Si hay un cuello de botella que puedes describir en una frase, probablemente se pueda medir — y medir es por donde empezamos.
Iniciar proyecto