- diagnose-gpu.sh: Complete diagnostic script for GPU usage - GPU-HIGH-USAGE-FIX.md: Solution for OpenWebUI green icon causing 100% GPU - Issue #21062 confirmed: animate-ping CSS animation is the culprit - Multiple solutions provided (CSS, browser extension, zoom)
151 lines
3.8 KiB
Markdown
151 lines
3.8 KiB
Markdown
# 🔥 Problème GPU à 100% après requête - Solution trouvée
|
|
|
|
## 🎯 Problème identifié
|
|
|
|
**Issue GitHub** : [open-webui/open-webui#21062](https://github.com/open-webui/open-webui/issues/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
|
|
```bash
|
|
# Sur folzo-Corp
|
|
rocm-smi
|
|
|
|
# Ou avec rafraîchissement
|
|
watch -n 1 rocm-smi
|
|
```
|
|
|
|
### 2. Identifier les processus GPU
|
|
```bash
|
|
# 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 :
|
|
```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** :
|
|
```bash
|
|
# 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 :
|
|
```css
|
|
/* 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 :
|
|
|
|
```bash
|
|
# 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** :
|
|
```html
|
|
<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*
|