Saltar para o conteúdo
Aguiar Labs

A inbox que carregava 6,7 MB antes de mostrar a primeira mensagem

Plataforma de outreach e customer engagement com IA, usada por mais de 165 empresas. O ecrã mais usado do produto era o que menos aguentava o próprio sucesso.

Cliente
Chattie
Período
Render 3D escuro de centenas de placas finas empilhadas que descem em escada até uma única placa fina iluminada.

O nosso papel: Engenharia de produto contratada, integrada na equipa do cliente.

Contexto

O Chattie é uma plataforma de outreach e customer engagement com IA para equipas comerciais, usada por mais de 165 empresas. A inbox é onde o utilizador passa o dia: é ali que as conversas chegam, são lidas e respondidas. Quanto mais o cliente usa o produto, maior fica esse ecrã — e foi exactamente isso que aconteceu.

O problema

A inbox encravava. Demorava a abrir, e o cliente queixou-se — que é a forma mais cara de descobrir um problema de performance. Quando medimos, em Agosto de 2026, o carregamento inicial do ecrã trazia cerca de 6,7 MB. O padrão por trás disto é conhecido: uma lista que vai buscar tudo o que existe e desenha tudo o que foi buscar. Funciona na conta de demonstração e degrada-se exactamente nos clientes que mais usam o produto.

O que fizemos

Reconstruímos a inbox sobre duas decisões. A primeira: paginação por cursor, em vez de trazer a colecção inteira — o servidor devolve uma janela de conversas e uma marca de onde continuar, pelo que o volume de dados deixa de crescer juntamente com a conta do cliente. A segunda: virtualização da lista, mantendo no DOM apenas as linhas visíveis mais uma pequena margem, em vez de milhares de nós que ninguém está a ver.

O que se paga por isto

Nenhuma das duas decisões é gratuita. Com cursor não existe salto para uma página arbitrária: a navegação passa a ser sequencial, e qualquer contagem total precisa de uma consulta própria. Com virtualização, o que não está no DOM não é encontrado pelo Ctrl+F do navegador, e âncoras, restauro de scroll e leitores de ecrã passam a exigir cuidado explícito. São custos previsíveis, e foram a escolha certa para um ecrã onde o utilizador faz muito scroll e salta pouco.

O seu produto tem um número destes?

Se existe um estrangulamento que consegue descrever numa frase, é provável que dê para medir — e medir é por onde começamos.

Iniciar projecto