Docs/ Platform & apps

Desempenho e local-first

Interações abaixo de 100 ms via cache local-first e listas virtualizadas.

O AI Emaily é construído em torno de uma arquitetura local-first: sua caixa de entrada renderiza a partir de um cache local antes de a rede responder, depois sincroniza em segundo plano — fazendo com que as interações pareçam instantâneas mesmo em conexões lentas.

Cache de metadados local

Quando você abre sua caixa de entrada, o AI Emaily renderiza a partir de um cache de metadados armazenado localmente — remetente, assunto, data, estado de leitura, etiquetas — antes de um único byte de rede ter retornado. A resposta do servidor chega logo depois e quaisquer alterações (novos e-mails, atualizações de status) são mescladas silenciosamente.

Esse padrão significa que a caixa de entrada nunca fica em um estado de carregamento em branco. Mesmo em uma rede congestionada, você pode começar a fazer triagem imediatamente.

Cache vs. modo offline

O cache de metadados é uma estrutura em memória e armazenamento de sessão, não um cache de disco persistente. Ele agiliza o carregamento; para leitura verdadeiramente offline consulte 'PWA instalável e offline'.

Listas virtualizadas

Não importa quantos milhares de conversas existam em uma caixa de entrada, o DOM só contém as linhas visíveis no viewport mais um pequeno buffer de varredura. As linhas fora do viewport são recicladas conforme você rola.

Isso mantém a taxa de quadros da rolagem suave e o uso de memória constante — uma caixa de entrada com 50.000 conversas se comporta de forma idêntica a uma com 50.

O que a virtualização significa na prática
Conversas na caixa de entrada50.000
Nós DOM renderizados a qualquer momento~40–60 linhas
Crescimento de memória conforme a caixa de entrada cresceConstante
Desempenho de rolagemMeta de 60 fps

Sincronização em tempo real

O AI Emaily mantém uma conexão em tempo real persistente (via Appwrite Realtime) para que novos e-mails, alterações de etiquetas e atualizações de estado de leitura se propaguem para todas as plataformas abertas no instante em que são registrados no servidor.

Não há intervalo de polling. A caixa de entrada se atualiza ao vivo — uma nova mensagem aparece na lista de conversas momentos após chegar, sem necessidade de atualização da página.

Múltiplos dispositivos, uma visão

Archive uma mensagem no celular e ela desaparece da caixa de entrada do notebook em tempo real. O estado de leitura e as decisões de IA sincronizam da mesma forma.

Atualizações otimistas

Ações como arquivar, etiquetar, marcar com estrela ou marcar como lido são aplicadas localmente e refletidas na interface imediatamente — antes de o servidor confirmá-las. Se o servidor rejeitar uma ação (por exemplo, um erro de rede), a interface reverte e exibe um erro com opção de tentar novamente.

Isso elimina a latência de aguardar uma viagem de ida e volta em cada interação, fazendo com que gestos comuns pareçam instantâneos.

Carregamento de recursos e fontes

O CSS crítico é inserido no payload HTML inicial; estilos não críticos são adiados. As fontes são subconjuntadas aos caracteres necessários para cada idioma, reduzindo o tamanho da transferência. A divisão de código baseada em rota garante que você carregue apenas o JavaScript necessário para a visualização atual.

O AI Emaily tem como meta um Largest Contentful Paint abaixo de um segundo em uma conexão de banda larga padrão e tempo de resposta abaixo de 100 ms para todas as interações dentro do app depois de carregado.

Frequently asked

Ready to try it?

Start Free Trial