O 3D Globe é projetado para funcionar suavemente na maioria dos dispositivos. Aprenda como otimizar seu navegador e sistema para a melhor experiência.
Requisitos de Desempenho
Requisitos Mínimos
| Componente | Mínimo |
|---|---|
| Navegador | Chrome 80+, Firefox 75+, Safari 13+, Edge 80+ |
| RAM | 4 GB |
| GPU | Qualquer com capacidade WebGL |
| Internet | 1 Mbps |
Requisitos Recomendados
| Componente | Recomendado |
|---|---|
| Navegador | Chrome ou Firefox mais recente |
| RAM | 8 GB+ |
| GPU | Gráficos dedicados |
| Internet | 10 Mbps+ |
Melhor Experiência
| Componente | Ótimo |
|---|---|
| Exibição | 1080p ou superior |
| Taxa de Atualização | 60Hz+ |
| GPU | Dedicada moderna |
| Internet | 25 Mbps+ |
Como o Globe Gerencia Desempenho
Limites de Marcador
O globe automaticamente limita o número de marcadores visíveis para manter renderização suave:
- Até 50 marcadores de visitantes ativos por vez
- Marcadores mais antigos são removidos quando novos visitantes chegam
- Este limite mantém frame rates estáveis independentemente do volume de tráfego
Estratégia de Atualização de Fallback
O globe usa uma estratégia de atualização dupla:
- Subscrição em tempo real: Atualizações imediatas via canal de tempo real do Supabase
- Polling breve: Atualização de fallback que só funciona quando a aba está visível
Quando a aba do navegador está oculta, o polling para e a subscrição em tempo real pode ser acelerada, conservando recursos.
Renderização Eficiente
- O globe usa Mapbox GL JS, que aproveita WebGL para renderização acelerada por GPU
- Avatares DiceBear são gerados como SVGs e cacheados
- Resultados de geocodificação de cidade são cacheados para evitar chamadas de API repetidas
Otimização do Navegador
Configurações do Chrome
Para melhor desempenho do Chrome:
-
Ative Aceleração de Hardware
- Configurações > Sistema > Usar aceleração de hardware
-
Atualize Chrome
- Mantenha o navegador atualizado para melhorias de WebGL
-
Reduza Extensões
- Desabilite extensões desnecessárias
- Alguns bloqueadores de anúncios podem afetar desempenho ou bloquear tiles do Mapbox
Configurações do Firefox
Para otimização do Firefox:
-
Aceleração de Hardware
- Configurações > Geral > Desempenho
- Ative aceleração de hardware
-
Configurações WebGL
- Digite
about:configna barra de endereços - Certifique-se de que
webgl.disabledé falso
- Digite
Configurações do Safari
Para Safari no Mac:
-
Suporte WebGL
- Geralmente ativado por padrão
- Atualize macOS para melhorias
-
Ferramentas de Desenvolvedor
- Ative em Preferências > Avançado para debug
Dicas Específicas de Dispositivo
Otimização de Desktop
Em computadores de desktop:
- Feche aplicações desnecessárias
- Use uma GPU dedicada se disponível
- Mantenha pelo menos 2GB RAM livre
- Use uma conexão de internet com fio se possível
Otimização de Laptop
Em laptops:
- Conecte o adaptador de energia (GPU pode sofrer throttling na bateria)
- Use modo de Alto Desempenho
- Garanta ventilação adequada
- Feche aplicativos em segundo plano
Otimização de Móvel
Em dispositivos móveis:
- Use WiFi em vez de celular
- Feche aplicativos em segundo plano
- Considere orientação paisagem para melhor visualização
- O globe funciona em dispositivo móvel, mas renderização 3D é mais exigente em dispositivos menores
Otimização de Tablet
Em tablets:
- Desempenho é geralmente melhor que em telefones
- Use WiFi para conexões estáveis
- Orientação paisagem recomendada
Comportamento da Aba
Quando a Aba Está Ativa
- Subscrição em tempo real fornece atualizações de visitantes imediatas
- Polling de fallback funciona como rede de segurança
- Desempenho de renderização completo
Quando a Aba Está em Segundo Plano
- O navegador pode acelerar a aba
- Subscrição em tempo real continua mas atualizações ficarão na fila
- Polling de fallback pausa (verifica
document.hidden) - Renderização pausa para economizar recursos
- Quando você retorna à aba, os dados se atualizam automaticamente
Troubleshooting WebGL
Verificando WebGL
Verifique se WebGL está funcionando:
- Visite
chrome://gpu(Chrome) ouabout:support(Firefox) - Procure por status de "WebGL"
- Deveria mostrar "Hardware accelerated"
WebGL Não Funcionando
Se WebGL estiver desativado:
- Atualize drivers de gráficos
- Ative aceleração de hardware nas configurações do navegador
- Atualize seu navegador para a versão mais recente
- Tente um navegador diferente
Problemas Comuns de WebGL
| Sintoma | Causa Provável | Solução |
|---|---|---|
| Globe não carrega | WebGL desativado | Ative aceleração de hardware |
| Tela preta | Problema de driver de GPU | Atualize drivers de gráficos |
| Renderização muito lenta | Fallback de software | Verifique se GPU está sendo usada |
| Tiles não carregando | Problema de rede | Verifique conexão de internet |
Gerenciamento de Energia
Uso de Bateria
Em dispositivos alimentados por bateria:
- O globe usa mais energia devido à renderização 3D
- Considere fechar o globe quando não estiver monitorando ativamente
- Conecte para sessões de visualização estendidas
Comportamento em Segundo Plano
Quando a aba está em segundo plano:
- Renderização pausa para economizar bateria
- Subscrição em tempo real pode ser acelerada pelo navegador
- Uso mínimo de recursos
- Funcionalidade completa retoma quando a aba é trazida para primeiro plano
Diagnosticando Problemas
Problemas Comuns e Soluções
| Sintoma | Causa Provável | Solução |
|---|---|---|
| Rotação irregular | Baixo desempenho de GPU | Feche outras abas, ative aceleração de hardware |
| Marcadores não aparecendo | Problema de conexão em tempo real | Clique no botão Recarregar, verifique console do navegador |
| Alto uso de memória | Muitas abas abertas | Feche abas desnecessárias |
| Carregamento inicial lento | Velocidade de rede | Verifique conexão de internet, espere pelos tiles serem cacheados |
| Globe falha | Memória insuficiente | Feche outras aplicações, reinicie navegador |
Console do Navegador
Se você experimentar problemas, verifique o console do desenvolvedor do navegador (F12) para mensagens de erro. Coisas comuns para procurar:
- Erros de WebGL
- Falhas de requisição de rede
- Problemas de conexão do Supabase
Melhores Práticas
Dicas Gerais
- Use um navegador moderno com aceleração de hardware ativada
- Mantenha seu navegador e drivers de gráficos atualizados
- Feche abas desnecessárias ao visualizar o globe
- Use uma conexão de internet estável
Para Apresentações
- Teste o globe antes de apresentar
- Feche todos os outros aplicativos
- Use modo de tela inteira para melhor impacto visual
- Prefira uma conexão de internet com fio
Para Uso Diário
- Mantenha a aba do globe em primeiro plano para atualizações em tempo real
- A atualização de fallback lida com desconexões breves automaticamente
- Clique em Recarregar se os dados parecerem obsoletos
- Mantenha seu navegador atualizado