Zum Hauptinhalt springen
Kostenlos5 minutesFortgeschrittene

Globe-Leistungsoptimierung

Tipps für eine reibungslose 3D-Globe-Leistung auf jedem Gerät – Browsereinstellungen, Hardwareanforderungen und Fehlerbehebung.

globeperformanceoptimizationwebglsettings
Zuletzt aktualisiert:

Der 3D Globe ist so konzipiert, dass er auf den meisten Geräten reibungslos läuft. Erfahren Sie, wie Sie Ihren Browser und Ihr System für das beste Erlebnis optimieren können.

Leistungsanforderungen

Mindestanforderungen

KomponenteMinimum
BrowserChrome 80+, Firefox 75+, Safari 13+, Edge 80+
RAM4 GB
GPUJede WebGL-fähige
Internet1 Mbps

Empfohlene Anforderungen

KomponenteEmpfohlen
BrowserNeuestes Chrome oder Firefox
RAM8 GB+
GPUDedizierte Grafikkarte
Internet10 Mbps+

Bestes Erlebnis

KomponenteOptimal
Bildschirm1080p oder höher
Bildwiederholrate60Hz+
GPUModerne dedizierte Grafikkarte
Internet25 Mbps+

Wie der Globe die Leistung verwaltet

Marker-Limits

Der Globe begrenzt automatisch die Anzahl der sichtbaren Marker, um ein flüssiges Rendering zu gewährleisten:

  • Bis zu 50 aktive Besucher-Marker gleichzeitig
  • Ältere Marker werden entfernt, wenn neue Besucher eintreffen
  • Dieses Limit hält die Bildraten unabhängig vom Datenverkehrsvolumen stabil

Fallback-Aktualisierungsstrategie

Der Globe verwendet eine duale Aktualisierungsstrategie:

  1. Echtzeit-Abonnement: Sofortige Updates über den Supabase-Echtzeitkanal
  2. Kurzzeitiges Polling: Fallback-Aktualisierung, die nur ausgeführt wird, wenn der Tab sichtbar ist

Wenn der Browser-Tab ausgeblendet ist, stoppt das Polling und das Echtzeit-Abonnement wird möglicherweise gedrosselt, um Ressourcen zu schonen.

Effizientes Rendering

  • Der Globe verwendet Mapbox GL JS, das WebGL für GPU-beschleunigtes Rendering nutzt
  • DiceBear-Avatare werden als SVGs generiert und zwischengespeichert
  • Ergebnisse der Stadt-Geokodierung werden zwischengespeichert, um wiederholte API-Aufrufe zu vermeiden

Browser-Optimierung

Chrome-Einstellungen

Für die beste Chrome-Leistung:

  1. Hardwarebeschleunigung aktivieren

    • Einstellungen > System > Hardwarebeschleunigung verwenden
  2. Chrome aktualisieren

    • Halten Sie den Browser für WebGL-Verbesserungen aktuell
  3. Erweiterungen reduzieren

    • Deaktivieren Sie unnötige Erweiterungen
    • Einige Werbeblocker können die Leistung beeinträchtigen oder Mapbox-Kacheln blockieren

Firefox-Einstellungen

Für die Firefox-Optimierung:

  1. Hardwarebeschleunigung

    • Einstellungen > Allgemein > Leistung
    • Hardwarebeschleunigung aktivieren
  2. WebGL-Einstellungen

    • Geben Sie about:config in die Adressleiste ein
    • Stellen Sie sicher, dass webgl.disabled auf „false" gesetzt ist

Safari-Einstellungen

Für Safari auf dem Mac:

  1. WebGL-Unterstützung

    • Normalerweise standardmäßig aktiviert
    • Aktualisieren Sie macOS für Verbesserungen
  2. Entwicklerwerkzeuge

    • Aktivieren unter Einstellungen > Erweitert zur Fehlerbehebung

Gerätespezifische Tipps

Desktop-Optimierung

Auf Desktop-Computern:

  • Schließen Sie unnötige Anwendungen
  • Verwenden Sie eine dedizierte GPU, falls verfügbar
  • Halten Sie mindestens 2 GB RAM frei
  • Verwenden Sie nach Möglichkeit eine kabelgebundene Internetverbindung

Laptop-Optimierung

Auf Laptops:

  • Schließen Sie das Netzteil an (die GPU kann im Akkubetrieb gedrosselt werden)
  • Verwenden Sie den Höchstleistungs-Energiemodus
  • Sorgen Sie für ausreichende Belüftung
  • Schließen Sie Hintergrund-Apps

Mobil-Optimierung

Auf mobilen Geräten:

  • Verwenden Sie WLAN anstelle von Mobilfunk
  • Schließen Sie Hintergrund-Apps
  • Erwägen Sie die Querformat-Ausrichtung für eine bessere Ansicht
  • Der Globe funktioniert auf Mobilgeräten, aber 3D-Rendering ist auf kleineren Geräten anspruchsvoller

Tablet-Optimierung

Auf Tablets:

  • Die Leistung ist im Allgemeinen besser als auf Smartphones
  • Verwenden Sie WLAN für stabile Verbindungen
  • Querformat-Ausrichtung wird empfohlen

Tab-Verhalten

Wenn der Tab aktiv ist

  • Das Echtzeit-Abonnement liefert sofortige Besucher-Updates
  • Das Kurzzeitpolling läuft als Sicherheitsnetz
  • Volle Rendering-Leistung

Wenn der Tab im Hintergrund ist

  • Der Browser kann den Tab drosseln
  • Das Echtzeit-Abonnement läuft weiter, aber Updates werden in eine Warteschlange gestellt
  • Fallback-Polling pausiert (prüft document.hidden)
  • Rendering pausiert, um Ressourcen zu sparen
  • Wenn Sie zum Tab zurückkehren, werden die Daten automatisch aktualisiert

WebGL-Fehlerbehebung

WebGL überprüfen

Überprüfen Sie, ob WebGL funktioniert:

  1. Besuchen Sie chrome://gpu (Chrome) oder about:support (Firefox)
  2. Suchen Sie nach dem „WebGL"-Status
  3. Es sollte „Hardware accelerated" angezeigt werden

WebGL funktioniert nicht

Wenn WebGL deaktiviert ist:

  1. Aktualisieren Sie die Grafiktreiber
  2. Aktivieren Sie die Hardwarebeschleunigung in den Browsereinstellungen
  3. Aktualisieren Sie Ihren Browser auf die neueste Version
  4. Probieren Sie einen anderen Browser aus

Häufige WebGL-Probleme

SymptomWahrscheinliche UrsacheLösung
Globe lädt nichtWebGL deaktiviertHardwarebeschleunigung aktivieren
Schwarzer BildschirmGPU-TreiberproblemGrafiktreiber aktualisieren
Sehr langsames RenderingSoftware-FallbackPrüfen, ob die GPU verwendet wird
Kacheln laden nichtNetzwerkproblemInternetverbindung überprüfen

Energieverwaltung

Akkuverbrauch

Auf akkubetriebenen Geräten:

  • Der Globe verbraucht aufgrund des 3D-Renderings mehr Energie
  • Erwägen Sie, den Globe zu schließen, wenn Sie nicht aktiv überwachen
  • Schließen Sie das Netzteil für längere Betrachtungssitzungen an

Hintergrundverhalten

Wenn der Tab im Hintergrund ist:

  • Rendering pausiert, um den Akku zu schonen
  • Das Echtzeit-Abonnement kann vom Browser gedrosselt werden
  • Minimaler Ressourcenverbrauch
  • Volle Funktionalität wird wiederhergestellt, wenn der Tab in den Vordergrund kommt

Probleme diagnostizieren

Häufige Probleme und Lösungen

SymptomWahrscheinliche UrsacheLösung
Ruckelnde RotationGeringe GPU-LeistungAndere Tabs schließen, Hardwarebeschleunigung aktivieren
Marker erscheinen nichtProblem mit der EchtzeitverbindungAuf „Neu laden" klicken, Browserkonsole überprüfen
Hoher SpeicherverbrauchZu viele offene TabsUnnötige Tabs schließen
Langsames anfängliches LadenNetzwerkgeschwindigkeitInternetverbindung überprüfen, warten bis Kacheln zwischengespeichert sind
Globe stürzt abUnzureichender SpeicherAndere Anwendungen schließen, Browser neu starten

Browserkonsole

Wenn Probleme auftreten, überprüfen Sie die Browser-Entwicklerkonsole (F12) auf Fehlermeldungen. Häufige Dinge, auf die Sie achten sollten:

  • WebGL-Fehler
  • Fehlgeschlagene Netzwerkanfragen
  • Supabase-Verbindungsprobleme

Bewährte Methoden

Allgemeine Tipps

  1. Verwenden Sie einen modernen Browser mit aktivierter Hardwarebeschleunigung
  2. Halten Sie Ihren Browser und Ihre Grafiktreiber aktuell
  3. Schließen Sie unnötige Tabs beim Betrachten des Globe
  4. Verwenden Sie eine stabile Internetverbindung

Für Präsentationen

  1. Testen Sie den Globe vor der Präsentation
  2. Schließen Sie alle anderen Anwendungen
  3. Verwenden Sie den Vollbildmodus für den besten visuellen Eindruck
  4. Bevorzugen Sie eine kabelgebundene Internetverbindung

Für den täglichen Gebrauch

  1. Halten Sie den Globe-Tab im Vordergrund für Echtzeit-Updates
  2. Die Fallback-Aktualisierung behandelt kurze Verbindungsunterbrechungen automatisch
  3. Klicken Sie auf „Neu laden", wenn die Daten veraltet erscheinen
  4. Halten Sie Ihren Browser aktuell

Nächste Schritte

War dieser Artikel hilfreich?