Páginas públicas do Notion com vários blocos de incorporação podem carregar lentamente, fazendo os visitantes esperarem segundos antes de ver o conteúdo. Cada bloco carrega um recurso externo como vídeo, mapa ou documento, e o Notion os renderiza sequencialmente por padrão. Este artigo explica como reduzir o tempo de carregamento usando carregamento preguiçoso, escolhendo fontes de incorporação leves e reorganizando o layout da página para renderização mais rápida.
Principais Conclusões: Otimizando o Desempenho de Incorporação em Páginas Públicas do Notion
- Alterar tipo de bloco para “Abrir na página”: Converte grandes incorporações em um link clicável, evitando o carregamento automático de conteúdo pesado.
- Usar fontes de incorporação leves: Substitua páginas web completas por imagens estáticas ou links de texto para reduzir o número de requisições HTTP por incorporação.
- Limitar incorporações a 5 ou menos por página: Reduz o tamanho da fila de renderização e melhora a velocidade de carregamento inicial para visitantes.
Por que Blocos de Incorporação Desaceleram Páginas Públicas do Notion
Cada bloco de incorporação no Notion cria um iframe que carrega conteúdo de um domínio externo. Quando uma página pública contém mais de três ou quatro incorporações, o navegador precisa buscar cada recurso separadamente. O Notion não carrega todas as incorporações simultaneamente; ele as processa em ordem, então um servidor terceiro lento pode atrasar toda a página. Além disso, incorporações de serviços como YouTube, Google Maps ou Figma geralmente incluem seus próprios arquivos JavaScript e CSS, adicionando peso extra ao carregamento da página. O resultado é uma experiência ruim para o usuário, especialmente em dispositivos móveis ou conexões de internet mais lentas.
Passos para Otimizar o Desempenho de Blocos de Incorporação
- Substitua incorporações pesadas por blocos de alternância
Selecione o bloco de incorporação, clique no ícone de seis pontos à esquerda. Escolha “Transformar em” e selecione “Alternância”. Isso converte a incorporação em uma seção recolhível que carrega apenas quando o visitante clica na alternância. Use para vídeos, planilhas grandes ou mapas interativos que não são essenciais para a visualização inicial. - Use imagens estáticas em vez de incorporações ao vivo
Tire uma captura de tela do conteúdo que deseja incorporar. Faça upload da imagem diretamente no Notion como um bloco de arquivo ou imagem. Adicione um hiperlink abaixo da imagem apontando para a fonte original. Imagens carregam mais rápido que iframes e não bloqueiam a renderização de outros elementos da página. - Limite o número de incorporações por página
Mantenha blocos de incorporação no máximo de cinco em qualquer página pública. Se precisar de mais conteúdo externo, divida-o em várias subpáginas. Use o recurso “Banco de dados vinculado” do Notion para criar um índice que link para páginas separadas, cada uma contendo uma ou duas incorporações. - Escolha serviços de incorporação leves
Ao incorporar de uma plataforma que oferece múltiplos formatos, escolha a opção menor. Por exemplo, use a URL de incorporação com privacidade aprimorada do YouTube (youtube-nocookie.com) em vez da URL padrão. Para Google Maps, use a URL de imagem de mapa estático em vez da incorporação interativa. Essas alternativas reduzem o número de scripts carregados. - Coloque incorporações abaixo da dobra
Estruture sua página para que a primeira tela de conteúdo contenha apenas texto e imagens. Mova todos os blocos de incorporação para a metade inferior da página. Os visitantes veem o conteúdo principal imediatamente enquanto as incorporações carregam em segundo plano à medida que rolam para baixo. - Use a opção “Abrir na página” do Notion para grandes incorporações
Clique no bloco de incorporação e selecione o ícone de engrenagem no canto superior direito do bloco. No menu do bloco, ative a opção “Abrir na página”. Isso altera a incorporação para um link clicável que abre o conteúdo em uma nova aba do navegador. A página pública não carrega o iframe, reduzindo drasticamente o tempo de carregamento. - Remova incorporações não utilizadas ou duplicadas
Revise sua página pública em busca de blocos de incorporação que não são mais relevantes. Incorporações duplicadas da mesma URL são comuns ao copiar e colar seções. Exclua cópias extras. Cada incorporação duplicada faz uma requisição HTTP idêntica, desperdiçando largura de banda e desacelerando a página.
Se as Incorporações do Notion Ainda Causam Carregamento Lento
Incorporação mostra um spinner de carregamento indefinidamente
Isso geralmente acontece quando a fonte da incorporação tem uma política de segurança de conteúdo restritiva que bloqueia o iframe do Notion. Substitua a incorporação por um link direto ou uma imagem estática. Por exemplo, se um documento do Google Drive não carregar, baixe o arquivo como PDF e faça upload no Notion como um bloco de arquivo.
Página expira ao abrir no celular
Navegadores móveis têm menos memória e processadores mais lentos. Reduza o número de incorporações para duas ou menos. Ative “Abrir na página” para todas as incorporações restantes para que se tornem links em vez de iframes. Teste a página usando a ferramenta de emulação móvel do Chrome antes de publicar.
Conteúdo da incorporação não atualiza após alterações na fonte
O Notion armazena em cache o conteúdo da incorporação por um período. Se você atualizar o arquivo fonte, a incorporação pode ainda mostrar a versão antiga. Exclua o bloco de incorporação e adicione-o novamente a partir da URL atualizada. Isso força o Notion a buscar o conteúdo mais recente.
Tipos de Incorporação e Seu Impacto na Velocidade de Carregamento da Página
| Tipo de Incorporação | Impacto Típico no Carregamento | Otimização Recomendada |
|---|---|---|
| Vídeo do YouTube | Alto — carrega scripts do player e metadados do vídeo | Use URL com privacidade aprimorada ou transforme em alternância |
| Google Maps interativo | Alto — carrega tiles do mapa e API JavaScript | Substitua por URL de imagem de mapa estático |
| Arquivo de design Figma | Médio — carrega visualizador incorporado | Use bloco de alternância ou “Abrir na página” |
| Documento PDF | Baixo — carrega como um iframe simples | Mantenha como está, mas limite a um por página |
| Tweet do Twitter | Médio — carrega Twitter widgets.js | Substitua por captura de tela e link |
| Trecho do CodePen | Médio — carrega script de incorporação do CodePen | Use bloco de alternância ou “Abrir na página” |
A tabela mostra que incorporações de vídeo e mapas interativos têm o maior impacto. PDFs e imagens estáticas têm o menor. Priorize a substituição de incorporações de alto impacto primeiro para obter o maior ganho de desempenho.
Após aplicar essas otimizações, suas páginas públicas do Notion carregarão mais rápido e proporcionarão uma experiência mais suave para os visitantes. Comece convertendo as incorporações mais pesadas em blocos de alternância ou links usando a opção “Abrir na página”. Como próximo passo, revise suas análises de página para ver com quais incorporações os visitantes mais interagem e mantenha apenas essas. Uma dica avançada: use o recurso de banco de dados do Notion para criar uma biblioteca de URLs de incorporação com notas de desempenho e reutilize apenas as fontes mais rápidas em seu espaço de trabalho.