Le globe 3D est conçu pour fonctionner en douceur sur la plupart des appareils. Apprenez comment optimiser votre navigateur et votre système pour une meilleure expérience.
Exigences de performance
Exigences minimales
| Composant | Minimum |
|---|---|
| Navigateur | Chrome 80+, Firefox 75+, Safari 13+, Edge 80+ |
| RAM | 4 Go |
| GPU | Tout ce qui est compatible WebGL |
| Internet | 1 Mbps |
Exigences recommandées
| Composant | Recommandé |
|---|---|
| Navigateur | Dernier Chrome ou Firefox |
| RAM | 8 Go+ |
| GPU | Graphiques dédiés |
| Internet | 10 Mbps+ |
Meilleure expérience
| Composant | Optimal |
|---|---|
| Affichage | 1080p ou supérieur |
| Fréquence de rafraîchissement | 60Hz+ |
| GPU | Moderne dédié |
| Internet | 25 Mbps+ |
Comment le globe gère les performances
Limites des marqueurs
Le globe limite automatiquement le nombre de marqueurs visibles pour maintenir un rendu fluide :
- Jusqu'à 50 marqueurs de visiteurs actifs à la fois
- Les marqueurs plus anciens sont supprimés à l'arrivée de nouveaux visiteurs
- Cette limite maintient les taux de trame stables quel que soit le volume de trafic
Stratégie d'actualisation de secours
Le globe utilise une stratégie de mise à jour double :
- Abonnement en temps réel : mises à jour immédiates via le canal en temps réel Supabase
- Interrogation courte : actualisation de secours qui s'exécute uniquement lorsque l'onglet est visible
Quand l'onglet du navigateur est masqué, l'interrogation s'arrête et l'abonnement en temps réel peut être limité, économisant des ressources.
Rendu efficace
- Le globe utilise Mapbox GL JS, qui exploite WebGL pour le rendu accéléré par GPU
- Les avatars DiceBear sont générés en tant que SVG et mis en cache
- Les résultats du géocodage de la ville sont mis en cache pour éviter les appels API répétés
Optimisation du navigateur
Paramètres Chrome
Pour les meilleures performances de Chrome :
-
Activez l'accélération matérielle
- Paramètres > Système > Utiliser l'accélération matérielle
-
Mettez à jour Chrome
- Gardez le navigateur à jour pour les améliorations WebGL
-
Réduisez les extensions
- Désactivez les extensions inutiles
- Certains bloqueurs de publicités peuvent affecter les performances ou bloquer les tuiles Mapbox
Paramètres Firefox
Pour l'optimisation de Firefox :
-
Accélération matérielle
- Paramètres > Général > Performance
- Activez l'accélération matérielle
-
Paramètres WebGL
- Tapez
about:configdans la barre d'adresse - Assurez-vous que
webgl.disabledest false
- Tapez
Paramètres Safari
Pour Safari sur Mac :
-
Support WebGL
- Généralement activé par défaut
- Mettez à jour macOS pour les améliorations
-
Outils de développeur
- Activez dans Préférences > Avancé pour le débogage
Conseils spécifiques à l'appareil
Optimisation de bureau
Sur les ordinateurs de bureau :
- Fermez les applications inutiles
- Utilisez un GPU dédié s'il est disponible
- Gardez au moins 2 Go de RAM libre
- Utilisez une connexion Internet câblée si possible
Optimisation d'ordinateur portable
Sur les ordinateurs portables :
- Branchez l'adaptateur d'alimentation (GPU peut être limité sur batterie)
- Utilisez le mode Haute performance
- Assurez une ventilation adéquate
- Fermez les applications en arrière-plan
Optimisation mobile
Sur les appareils mobiles :
- Utilisez le WiFi au lieu du cellulaire
- Fermez les applications en arrière-plan
- Considérez l'orientation paysage pour une meilleure visualisation
- Le globe fonctionne sur mobile mais le rendu 3D est plus exigeant sur les petits appareils
Optimisation de tablette
Sur les tablettes :
- Les performances sont généralement meilleures qu'en téléphone
- Utilisez le WiFi pour des connexions stables
- Orientation paysage recommandée
Comportement des onglets
Quand l'onglet est actif
- L'abonnement en temps réel fournit les mises à jour immédiates des visiteurs
- L'interrogation de secours s'exécute en tant que filet de sécurité
- Performances de rendu complètes
Quand l'onglet est en arrière-plan
- Le navigateur peut limiter l'onglet
- L'abonnement en temps réel continue mais les mises à jour s'accumulent
- L'interrogation de secours s'interrompt (vérifie
document.hidden) - Le rendu s'interrompt pour économiser les ressources
- Quand vous revenez à l'onglet, les données s'actualisent automatiquement
Dépannage WebGL
Vérification WebGL
Vérifiez que WebGL fonctionne :
- Visitez
chrome://gpu(Chrome) ouabout:support(Firefox) - Recherchez le statut "WebGL"
- Doit afficher "Hardware accelerated"
WebGL ne fonctionne pas
Si WebGL est désactivé :
- Mettez à jour les pilotes graphiques
- Activez l'accélération matérielle dans les paramètres du navigateur
- Mettez à jour votre navigateur vers la dernière version
- Essayez un navigateur différent
Problèmes WebGL courants
| Symptôme | Cause probable | Correction |
|---|---|---|
| Le globe ne se charge pas | WebGL désactivé | Activez l'accélération matérielle |
| Écran noir | Problème de pilote GPU | Mettez à jour les pilotes graphiques |
| Rendu très lent | Fallback logiciel | Vérifiez que le GPU est utilisé |
| Les tuiles ne se chargent pas | Problème réseau | Vérifiez la connexion Internet |
Gestion de l'alimentation
Utilisation de la batterie
Sur les appareils alimentés par batterie :
- Le globe consomme plus d'énergie en raison du rendu 3D
- Envisagez de fermer le globe lorsqu'il n'est pas activement surveillé
- Branchez-le pour les longues sessions de visualisation
Comportement en arrière-plan
Quand l'onglet est en arrière-plan :
- Le rendu s'interrompt pour économiser la batterie
- L'abonnement en temps réel peut être limité par le navigateur
- Utilisation minimale des ressources
- Les fonctionnalités complètes reprennent quand l'onglet est au premier plan
Diagnostic des problèmes
Problèmes courants et corrections
| Symptôme | Cause probable | Correction |
|---|---|---|
| Rotation saccadée | Faibles performances GPU | Fermez les autres onglets, activez l'accélération matérielle |
| Les marqueurs n'apparaissent pas | Problème de connexion en temps réel | Cliquez sur le bouton Recharger, vérifiez la console du navigateur |
| Utilisation élevée de la mémoire | Trop d'onglets ouverts | Fermez les onglets inutiles |
| Chargement initial lent | Vitesse réseau | Vérifiez la connexion Internet, attendez que les tuiles soient mises en cache |
| Crash du globe | Mémoire insuffisante | Fermez d'autres applications, redémarrez le navigateur |
Console du navigateur
Si vous rencontrez des problèmes, vérifiez la console du développeur du navigateur (F12) pour les messages d'erreur. Choses courantes à rechercher :
- Erreurs WebGL
- Échecs des demandes réseau
- Problèmes de connexion Supabase
Meilleures pratiques
Conseils généraux
- Utilisez un navigateur moderne avec accélération matérielle activée
- Gardez votre navigateur et vos pilotes graphiques à jour
- Fermez les onglets inutiles lors de la visualisation du globe
- Utilisez une connexion Internet stable
Pour les présentations
- Testez le globe avant de présenter
- Fermez toutes les autres applications
- Utilisez le mode plein écran pour un impact visuel maximum
- Préférez une connexion Internet câblée
Pour une utilisation quotidienne
- Gardez l'onglet du globe au premier plan pour les mises à jour en temps réel
- L'actualisation de secours gère automatiquement les brèves déconnexions
- Cliquez sur Recharger si les données semblent obsolètes
- Gardez votre navigateur à jour