Effi/docs/GPU-HIGH-USAGE-FIX.md

🔥 Problème GPU à 100% après requête - Solution trouvée

🎯 Problème identifié

Issue GitHub : open-webui/open-webui#21062

Cause : L'icône verte "en ligne" dans la barre latérale gauche d'OpenWebUI utilise 35-40% GPU en permanence à cause de son animation CSS animate-ping.

Symptômes

• GPU qui tourne à fond (ventilateurs bruyants) après une requête
• Utilisation GPU reste à 95-100% pendant plusieurs minutes
• Problème persiste même après la réponse d'Effi
• Présent sur tous les navigateurs (Brave, Firefox, Zen)

---

🔍 Comment vérifier

1. Surveiller l'utilisation GPU

# Sur folzo-Corp
rocm-smi

# Ou avec rafraîchissement
watch -n 1 rocm-smi

2. Identifier les processus GPU

# Voir quel processus utilise le GPU
rocm-smi --showpids

# Exécuter le script de diagnostic complet
~/Documents/OpenCode/Projets/Effi/scripts/diagnose-gpu.sh

3. Tester l'icône verte

1. Ouvrir OpenWebUI dans le navigateur
2. Regarder l'icône verte clignotante en bas à gauche (statut "en ligne")
3. Vérifier l'utilisation GPU (doit être élevée)
4. Zoomer la page jusqu'à ce que la barre latérale disparaisse
5. Vérifier à nouveau l'utilisation GPU (doit baisser à 0%)

---

✅ Solutions

Solution 1 : Supprimer l'icône via CSS (Recommandée)

Navigateur Chrome/Brave/Firefox :

1. Installer l'extension Stylus ou uBlock Origin
2. Ajouter ce CSS :

/* Supprimer l'icône verte */
.animate-ping,
.animate-pulse,
[class*="animate-ping"],
[class*="animate-pulse"] {
    display: none !important;
    animation: none !important;
}

Solution 2 : Modifier OpenWebUI (Si tu contrôles le serveur)

Sur effi-server :

# Se connecter au conteneur OpenWebUI
sudo docker exec -it open-webui /bin/bash

# Chercher le fichier contenant l'icône
find /app -name "*.svelte" -o -name "*.html" | xargs grep -l "animate-ping" 2>/dev/null

# Modifier le fichier pour retirer l'animation
# (nécessite de rebuild l'image ou modifier le volume)

Plus simple : Créer un fichier CSS personnalisé dans OpenWebUI :

1. Admin Panel → Settings → Interface
2. Chercher "Custom CSS"
3. Coller :

/* Désactiver les animations GPU-intensive */
.animate-ping,
.animate-pulse {
    animation: none !important;
    display: none !important;
}

Solution 3 : Zoomer la page (Test rapide)

Zoomer à 150% ou plus jusqu'à ce que la barre latérale se cache → l'utilisation GPU revient à 0%.

Solution 4 : Mode mobile

Utiliser OpenWebUI en mode mobile (barre latérale cachée par défaut).

---

🛠️ Script de diagnostic automatique

J'ai créé un script qui capture tout quand le GPU tourne à fond :

# Sur folzo-Corp
~/Documents/OpenCode/Projets/Effi/scripts/diagnose-gpu.sh

Ce script affiche :

• Utilisation GPU
• Processus qui utilisent le GPU
• Commandes complètes des processus
• Threads actifs
• Connexions réseau
• Utilisation système

---

📊 Résultats attendus après correction

Avant	Après
GPU 35-40% en permanence	GPU 0-5% en idle
Ventilateurs bruyants	Ventilateurs silencieux
Température élevée	Température normale

---

🔗 Références

• Issue GitHub : https://github.com/open-webui/open-webui/issues/21062
• Élément coupable :

<span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-green-400 opacity-75"></span>

---

📝 Notes

• Le problème affecte tous les navigateurs
• C'est une animation CSS (pas un problème de backend)
• La solution CSS est immédiate et ne nécessite pas de redémarrage
• OpenWebUI devrait corriger ça dans une future version

---

Document créé le 6 avril 2026 Solution confirmée via issue #21062