Optimización del rendimiento del globo

El globo 3D está diseñado para funcionar sin problemas en la mayoría de los dispositivos. Aprenda cómo optimizar su navegador y sistema para la mejor experiencia.

Requisitos de rendimiento

Requisitos mínimos

Componente	Mínimo
Navegador	Chrome 80+, Firefox 75+, Safari 13+, Edge 80+
RAM	4 GB
GPU	Cualquier compatibles con WebGL
Internet	1 Mbps

Requisitos recomendados

Componente	Recomendado
Navegador	Chrome o Firefox más reciente
RAM	8 GB+
GPU	Gráficos dedicados
Internet	10 Mbps+

Mejor experiencia

Componente	Óptimo
Pantalla	1080p o superior
Frecuencia de actualización	60Hz+
GPU	Dedicada moderna
Internet	25 Mbps+

Cómo el globo gestiona el rendimiento

Límites de marcadores

El globo limita automáticamente el número de marcadores visibles para mantener un rendering fluido:

• Hasta 50 marcadores de visitantes activos a la vez
• Los marcadores más antiguos se eliminan cuando llegan nuevos visitantes
• Este límite mantiene las velocidades de fotogramas estables independientemente del volumen de tráfico

Estrategia de actualización de respaldo

El globo utiliza una estrategia de actualización dual:

1. Suscripción en tiempo real: Actualizaciones inmediatas a través del canal en tiempo real de Supabase
2. Polling breve: Actualización de respaldo que solo se ejecuta cuando la pestaña es visible

Cuando la pestaña del navegador está oculta, el polling se detiene y la suscripción en tiempo real puede estar limitada, conservando recursos.

Rendering eficiente

• El globo utiliza Mapbox GL JS, que aprovecha WebGL para rendering acelerado por GPU
• Los avatares DiceBear se generan como SVG y se cachean
• Los resultados de geocodificación de ciudades se cachean para evitar llamadas repetidas a la API

Optimización del navegador

Configuración de Chrome

Para el mejor rendimiento de Chrome:

1. Habilitar aceleración de hardware

   • Configuración > Sistema > Usar aceleración de hardware

2. Actualizar Chrome

   • Mantenga el navegador actualizado para mejoras de WebGL

3. Reducir extensiones

   • Deshabilite extensiones innecesarias
   • Algunos bloqueadores de anuncios pueden afectar el rendimiento o bloquear mosaicos de Mapbox

Configuración de Firefox

Para optimización de Firefox:

1. Aceleración de hardware

   • Configuración > General > Rendimiento
   • Habilitar aceleración de hardware

2. Configuración de WebGL

   • Escriba about:config en la barra de direcciones
   • Asegúrese de que webgl.disabled es false

Configuración de Safari

Para Safari en Mac:

1. Soporte WebGL

   • Generalmente habilitado por defecto
   • Actualice macOS para mejoras

2. Herramientas de desarrollador

   • Habilitar en Preferencias > Avanzado para depuración

Consejos específicos del dispositivo

Optimización de escritorio

En computadoras de escritorio:

• Cierre aplicaciones innecesarias
• Utilice una GPU dedicada si está disponible
• Mantenga al menos 2 GB de RAM libres
• Utilice una conexión a Internet por cable si es posible

Optimización de portátil

En portátiles:

• Conecte el adaptador de energía (GPU puede estar limitada con batería)
• Utilice modo de Alto rendimiento
• Asegure ventilación adecuada
• Cierre aplicaciones de segundo plano

Optimización móvil

En dispositivos móviles:

• Utilice WiFi en lugar de móvil
• Cierre aplicaciones de segundo plano
• Considere orientación horizontal para una mejor visualización
• El globo funciona en móvil pero el rendering 3D es más exigente en dispositivos más pequeños

Optimización de tableta

En tabletas:

• El rendimiento es generalmente mejor que en teléfonos
• Utilice WiFi para conexiones estables
• Orientación horizontal recomendada

Comportamiento de pestañas

Cuando la pestaña está activa

• La suscripción en tiempo real proporciona actualizaciones inmediatas de visitantes
• El polling de respaldo se ejecuta como una red de seguridad
• Rendimiento de rendering completo

Cuando la pestaña está en segundo plano

• El navegador puede limitar la pestaña
• La suscripción en tiempo real continúa pero las actualizaciones se encolan
• El polling de respaldo se pausa (verifica document.hidden)
• El rendering se pausa para ahorrar recursos
• Cuando vuelve a la pestaña, los datos se actualizan automáticamente

Solución de problemas de WebGL

Verificar WebGL

Verifique que WebGL está funcionando:

1. Visite chrome://gpu (Chrome) o about:support (Firefox)
2. Busque el estado "WebGL"
3. Debe mostrar "Hardware accelerated"

WebGL no funciona

Si WebGL está deshabilitado:

1. Actualice los controladores gráficos
2. Habilite la aceleración de hardware en la configuración del navegador
3. Actualice su navegador a la última versión
4. Intente un navegador diferente

Problemas comunes de WebGL

Síntoma	Causa probable	Solución
El globo no carga	WebGL deshabilitado	Habilitar aceleración de hardware
Pantalla negra	Problema de controlador GPU	Actualizar controladores gráficos
Rendering muy lento	Fallback de software	Verificar que se está usando la GPU
Mosaicos no cargando	Problema de red	Verificar conexión a Internet

Gestión de energía

Uso de batería

En dispositivos alimentados por batería:

• El globo consume más energía debido al rendering 3D
• Considere cerrar el globo cuando no lo esté monitoreando activamente
• Conecte para sesiones de visualización extendidas

Comportamiento en segundo plano

Cuando la pestaña está en segundo plano:

• El rendering se pausa para ahorrar batería
• La suscripción en tiempo real puede estar limitada por el navegador
• Uso mínimo de recursos
• La funcionalidad completa se reanuda cuando la pestaña está en primer plano

Diagnóstico de problemas

Problemas comunes y soluciones

Síntoma	Causa probable	Solución
Rotación entrecortada	Bajo rendimiento de GPU	Cerrar otras pestañas, habilitar aceleración de hardware
Los marcadores no aparecen	Problema de conexión en tiempo real	Haga clic en el botón Recargar, verifique la consola del navegador
Alto uso de memoria	Demasiadas pestañas abiertas	Cierre pestañas innecesarias
Carga inicial lenta	Velocidad de red	Verificar conexión a Internet, esperar a que se cacheen los mosaicos
El globo falla	Memoria insuficiente	Cierre otras aplicaciones, reinicie el navegador

Consola del navegador

Si experimenta problemas, verifique la consola del desarrollador del navegador (F12) para los mensajes de error. Cosas comunes para buscar:

• Errores de WebGL
• Fallos en las solicitudes de red
• Problemas de conexión de Supabase

Mejores prácticas

Consejos generales

1. Utilice un navegador moderno con aceleración de hardware habilitada
2. Mantenga su navegador y controladores gráficos actualizados
3. Cierre pestañas innecesarias al ver el globo
4. Utilice una conexión a Internet estable

Para presentaciones

1. Pruebe el globo antes de presentar
2. Cierre todas las demás aplicaciones
3. Utilice modo de pantalla completa para el mejor impacto visual
4. Prefiera una conexión a Internet por cable

Para uso diario

1. Mantenga la pestaña del globo en primer plano para actualizaciones en tiempo real
2. La actualización de respaldo maneja desconexiones breves automáticamente
3. Haga clic en Recargar si los datos parecen obsoletos
4. Mantenga su navegador actualizado

Próximos pasos

• Aprenda sobre actualizaciones en tiempo real
• Comparta o incorpore el globo
• Personalice la apariencia del globo