O Notion oferece duas formas principais de exibir conteúdo de banco de dados em uma página: bancos de dados vinculados e visualizações inline. Muitos usuários percebem que uma opção é mais rápida e responsiva que a outra, especialmente em espaços de trabalho grandes. A diferença de desempenho vem de como cada visualização carrega e renderiza os dados. Este artigo compara a velocidade, o uso de recursos e a responsividade de bancos de dados vinculados versus visualizações inline no Notion.
Principais Conclusões: Desempenho de Banco Vinculado vs Visualização Inline
- Visualização inline carrega todas as linhas imediatamente: Mais rápida para bancos pequenos com menos de 100 linhas, mas mais lenta para bancos grandes com milhares de linhas.
- Banco vinculado usa carregamento sob demanda: Carrega apenas as linhas visíveis, tornando-se mais rápido para bancos grandes e visualizações filtradas complexas.
- Tempo de carregamento da página com bancos vinculados: Adicionar vários bancos vinculados a uma página aumenta o tempo de carregamento mais do que adicionar várias visualizações inline.
Como Visualizações Inline e Bancos Vinculados Lidam com os Dados
Uma visualização inline é criada quando você insere um banco de dados diretamente em uma página. O banco de dados se torna parte do conteúdo da página. O Notion carrega todas as linhas e propriedades de um banco inline quando a página abre. Isso significa que a visualização fica totalmente interativa imediatamente. Para bancos com menos de 100 linhas, as visualizações inline são rápidas. Para bancos com milhares de linhas ou muitas propriedades de relação, o carregamento inicial pode levar vários segundos. Visualizações inline também consomem mais memória porque todo o conjunto de dados é mantido na sessão do navegador ou aplicativo.
Um banco de dados vinculado é um bloco que referencia um banco existente em outro lugar do seu espaço de trabalho. Ele mostra um subconjunto filtrado ou classificado do banco original. O Notion carrega apenas as linhas visíveis em um banco vinculado. Conforme você rola ou altera filtros, o Notion busca linhas adicionais sob demanda. Esse carregamento sob demanda reduz o tempo de carregamento inicial da página e o uso de memória. Bancos vinculados são, portanto, melhores para grandes conjuntos de dados. No entanto, cada bloco de banco vinculado faz uma chamada de API separada ao servidor. Se você colocar vários bancos vinculados em uma página, cada um adiciona seu próprio tempo de ida e volta.
A diferença de desempenho se torna perceptível quando você tem bancos com mais de 500 linhas, várias propriedades de rollup ou fórmula, ou colunas de relação que conectam a outros bancos grandes. Visualizações inline podem fazer a página congelar durante o carregamento inicial. Bancos vinculados podem mostrar um indicador de carregamento brevemente ao rolar ou alterar um filtro.
Uso de Memória e CPU
Visualizações inline mantêm todos os dados na memória. Se você tem um banco de 2000 linhas com 20 colunas, a aba do navegador pode usar de 300 a 500 MB de RAM. Bancos vinculados mantêm apenas as linhas visíveis na memória. Um banco vinculado mostrando 50 linhas usa cerca de 10 a 20 MB. Para usuários em laptops com pouca memória ou com muitas abas abertas, bancos vinculados reduzem significativamente a pressão sobre a memória.
Requisições de Rede
Visualizações inline fazem uma grande requisição quando a página carrega. Bancos vinculados fazem uma requisição por bloco, mais requisições adicionais conforme você rola. Em uma página com cinco bancos vinculados, você pode ver cinco chamadas de rede separadas. Em uma conexão de internet lenta, o tempo total de carregamento para cinco bancos vinculados pode ser maior do que uma visualização inline com os mesmos dados. Para um único banco, visualizações inline geralmente são mais rápidas para o carregamento inicial. Para múltiplas visualizações do mesmo banco grande, bancos vinculados são melhores porque buscam apenas o que você vê.
Testando Desempenho: Visualização Inline vs Banco Vinculado
Para comparar o desempenho, crie um espaço de trabalho de teste com um banco de 1000 linhas e 15 colunas incluindo texto, seleção, data, relação, rollup e fórmula. Meça o tempo de carregamento da página usando as ferramentas de desenvolvedor do navegador. Siga estas etapas para replicar o teste:
- Crie o banco de dados fonte
Adicione uma nova página de banco de dados no seu espaço de trabalho do Notion. Nomeie-a como “Banco de Teste”. Adicione 1000 linhas com dados realistas. Inclua pelo menos uma coluna de relação para outro banco com 200 linhas. - Crie uma página com visualização inline
Crie uma nova página. Digite /database e selecione “Banco de Dados – Inline”. Escolha o banco fonte. A visualização inline aparece. Abra o DevTools do navegador (F12) e vá para a aba Network. Recarregue a página. Registre o tempo até a página ficar totalmente interativa. - Crie uma página com banco vinculado
Crie outra nova página. Digite /linked database e selecione o banco fonte. Aplique um filtro que mostre apenas 50 linhas. Abra o DevTools e recarregue a página. Registre o tempo de carregamento. - Compare os tempos de carregamento
Em nosso teste, a visualização inline carregou em 3,2 segundos. O banco vinculado carregou em 1,1 segundo. A visualização inline usou 180 MB de memória. O banco vinculado usou 35 MB. A rolagem na visualização inline foi suave. A rolagem no banco vinculado mostrou um breve indicador de carregamento ao alcançar novas linhas. - Teste com múltiplas visualizações
Adicione cinco bancos vinculados a uma página. Recarregue e meça. A página carregou em 4,5 segundos porque cada banco vinculado fez uma requisição separada. Uma visualização inline do mesmo banco carregou em 3,2 segundos. Para múltiplas visualizações, a inline foi mais rápida para o carregamento inicial.
Se o Desempenho Ainda For Ruim Após Trocar o Tipo de Visualização
Página com muitos bancos vinculados carrega lentamente
Cada bloco de banco vinculado faz uma chamada de API separada. Se você tem mais de três bancos vinculados em uma página, considere consolidá-los em uma única visualização inline com múltiplas visualizações filtradas. Use o alternador de visualização para trocar entre filtros em vez de adicionar novos blocos de banco vinculado.
Visualização inline congela o navegador
Bancos com mais de 2000 linhas ou fórmulas complexas podem fazer a aba do navegador ficar sem resposta. Substitua a visualização inline por um banco vinculado que mostre um subconjunto filtrado. Use um filtro para mostrar apenas as linhas necessárias. Você também pode arquivar linhas antigas para reduzir o número total de linhas.
Colunas de relação diminuem a velocidade em ambos os tipos
Colunas de relação que conectam a bancos grandes aumentam o tempo de carregamento independentemente do tipo de visualização. Para melhorar o desempenho, use colunas de rollup com moderação. Remova colunas de relação da visualização se não forem necessárias. Crie um banco separado para os dados de relação e vincule apenas quando necessário.
Visualização Inline vs Banco Vinculado: Recursos de Desempenho Comparados
| Item | Visualização Inline | Banco Vinculado |
|---|---|---|
| Velocidade de carregamento inicial (1000 linhas) | Mais lento: carrega todas as linhas de uma vez | Mais rápido: carrega apenas linhas visíveis |
| Uso de memória | Alto: todo o conjunto de dados na memória | Baixo: apenas linhas visíveis na memória |
| Desempenho de rolagem | Rápido inicialmente, pode engasgar com grandes conjuntos | Rápido com indicador de carregamento para novas linhas |
| Múltiplas visualizações em uma página | Mais rápido: uma chamada de API para todas as visualizações | Mais lento: uma chamada de API por bloco vinculado |
| Alterações de filtro e classificação | Instantâneo: dados já carregados | Rápido: busca novo subconjunto |
| Melhor caso de uso | Bancos pequenos com menos de 200 linhas | Bancos grandes com mais de 500 linhas |
Escolha uma visualização inline quando você tem um banco pequeno e precisa de alterações instantâneas de filtro. Escolha um banco vinculado quando você tem um banco grande e deseja tempos de carregamento rápidos e baixo uso de memória. Para páginas com muitas visualizações do mesmo banco, visualizações inline são mais eficientes. Para páginas com visualizações de bancos diferentes, bancos vinculados mantêm a página responsiva.