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
| Komponente | Minimum |
|---|---|
| Browser | Chrome 80+, Firefox 75+, Safari 13+, Edge 80+ |
| RAM | 4 GB |
| GPU | Jede WebGL-fähige |
| Internet | 1 Mbps |
Empfohlene Anforderungen
| Komponente | Empfohlen |
|---|---|
| Browser | Neuestes Chrome oder Firefox |
| RAM | 8 GB+ |
| GPU | Dedizierte Grafikkarte |
| Internet | 10 Mbps+ |
Bestes Erlebnis
| Komponente | Optimal |
|---|---|
| Bildschirm | 1080p oder höher |
| Bildwiederholrate | 60Hz+ |
| GPU | Moderne dedizierte Grafikkarte |
| Internet | 25 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:
- Echtzeit-Abonnement: Sofortige Updates über den Supabase-Echtzeitkanal
- 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:
-
Hardwarebeschleunigung aktivieren
- Einstellungen > System > Hardwarebeschleunigung verwenden
-
Chrome aktualisieren
- Halten Sie den Browser für WebGL-Verbesserungen aktuell
-
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:
-
Hardwarebeschleunigung
- Einstellungen > Allgemein > Leistung
- Hardwarebeschleunigung aktivieren
-
WebGL-Einstellungen
- Geben Sie
about:configin die Adressleiste ein - Stellen Sie sicher, dass
webgl.disabledauf „false" gesetzt ist
- Geben Sie
Safari-Einstellungen
Für Safari auf dem Mac:
-
WebGL-Unterstützung
- Normalerweise standardmäßig aktiviert
- Aktualisieren Sie macOS für Verbesserungen
-
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:
- Besuchen Sie
chrome://gpu(Chrome) oderabout:support(Firefox) - Suchen Sie nach dem „WebGL"-Status
- Es sollte „Hardware accelerated" angezeigt werden
WebGL funktioniert nicht
Wenn WebGL deaktiviert ist:
- Aktualisieren Sie die Grafiktreiber
- Aktivieren Sie die Hardwarebeschleunigung in den Browsereinstellungen
- Aktualisieren Sie Ihren Browser auf die neueste Version
- Probieren Sie einen anderen Browser aus
Häufige WebGL-Probleme
| Symptom | Wahrscheinliche Ursache | Lösung |
|---|---|---|
| Globe lädt nicht | WebGL deaktiviert | Hardwarebeschleunigung aktivieren |
| Schwarzer Bildschirm | GPU-Treiberproblem | Grafiktreiber aktualisieren |
| Sehr langsames Rendering | Software-Fallback | Prüfen, ob die GPU verwendet wird |
| Kacheln laden nicht | Netzwerkproblem | Internetverbindung ü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
| Symptom | Wahrscheinliche Ursache | Lösung |
|---|---|---|
| Ruckelnde Rotation | Geringe GPU-Leistung | Andere Tabs schließen, Hardwarebeschleunigung aktivieren |
| Marker erscheinen nicht | Problem mit der Echtzeitverbindung | Auf „Neu laden" klicken, Browserkonsole überprüfen |
| Hoher Speicherverbrauch | Zu viele offene Tabs | Unnötige Tabs schließen |
| Langsames anfängliches Laden | Netzwerkgeschwindigkeit | Internetverbindung überprüfen, warten bis Kacheln zwischengespeichert sind |
| Globe stürzt ab | Unzureichender Speicher | Andere 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
- Verwenden Sie einen modernen Browser mit aktivierter Hardwarebeschleunigung
- Halten Sie Ihren Browser und Ihre Grafiktreiber aktuell
- Schließen Sie unnötige Tabs beim Betrachten des Globe
- Verwenden Sie eine stabile Internetverbindung
Für Präsentationen
- Testen Sie den Globe vor der Präsentation
- Schließen Sie alle anderen Anwendungen
- Verwenden Sie den Vollbildmodus für den besten visuellen Eindruck
- Bevorzugen Sie eine kabelgebundene Internetverbindung
Für den täglichen Gebrauch
- Halten Sie den Globe-Tab im Vordergrund für Echtzeit-Updates
- Die Fallback-Aktualisierung behandelt kurze Verbindungsunterbrechungen automatisch
- Klicken Sie auf „Neu laden", wenn die Daten veraltet erscheinen
- Halten Sie Ihren Browser aktuell