mirror of
https://github.com/UNITRONIX/BetterDesk.git
synced 2026-09-10 09:35:39 +00:00
UNITRONIX
126 lines
3.1 KiB
Markdown
126 lines
3.1 KiB
Markdown
# 🎨 GPU Performance Configuration - Quick Start
|
|
|
|
## ⚡ Problem Solved!
|
|
|
|
The web panel has been optimized and **requires no additional action**. Changes have been automatically applied in the files:
|
|
- ✅ `web/static/style.css`
|
|
- ✅ `web/static/sidebar.css`
|
|
|
|
## 📊 Expected Results
|
|
|
|
| What | Before | After |
|
|
|------|--------|-------|
|
|
| GPU Usage | 40-60% | 5-15% |
|
|
| FPS | 30-45 | 55-60 |
|
|
| Smoothness | Stuttering | Smooth |
|
|
|
|
## 🔧 Optional Adjustments
|
|
|
|
If you still have problems or want to further optimize the panel, you can choose one of the profiles:
|
|
|
|
### 1️⃣ For Very Weak GPUs (Intel HD, old chipsets)
|
|
|
|
Add in the HTML file **after** `style.css`:
|
|
|
|
```html
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='performance-config.css') }}">
|
|
```
|
|
|
|
Then in `performance-config.css` uncomment the **PROFILE 1** section.
|
|
|
|
### 2️⃣ For Medium GPUs (MX series, GTX 1050)
|
|
|
|
**Do nothing** - default settings are already optimized for this level.
|
|
|
|
### 3️⃣ For Powerful GPUs (GTX 1660+, RTX series)
|
|
|
|
If you want to restore more beautiful blur effects:
|
|
- Uncomment **PROFILE 3** in `performance-config.css`
|
|
|
|
### 4️⃣ Ultra Economical (old laptops, Intel HD Graphics)
|
|
|
|
If problems still occur, uncomment **PROFILE 4** in `performance-config.css`.
|
|
|
|
## 🔍 How to Check GPU Usage?
|
|
|
|
### Windows:
|
|
1. Press `Ctrl + Shift + Esc` (Task Manager)
|
|
2. **Performance** tab → **GPU**
|
|
3. Open the panel in browser
|
|
4. Check **GPU 3D** or **Copy** value
|
|
|
|
### Chrome DevTools:
|
|
1. Press `F12`
|
|
2. **Performance** tab
|
|
3. Press **Record** (●)
|
|
4. Use the panel for 10 seconds
|
|
5. **Stop** and check:
|
|
- GPU usage
|
|
- Frame rate (should be ~60 FPS)
|
|
- Rendering time
|
|
|
|
## 📝 Quick Tests
|
|
|
|
### Test 1: Check FPS
|
|
```javascript
|
|
// Paste in Console (F12)
|
|
let lastTime = performance.now();
|
|
let frames = 0;
|
|
function checkFPS() {
|
|
frames++;
|
|
const now = performance.now();
|
|
if (now >= lastTime + 1000) {
|
|
console.log(`FPS: ${frames}`);
|
|
frames = 0;
|
|
lastTime = now;
|
|
}
|
|
requestAnimationFrame(checkFPS);
|
|
}
|
|
checkFPS();
|
|
```
|
|
**Expected result:** ~55-60 FPS
|
|
|
|
### Test 2: Check Layer Composition
|
|
1. F12 → **More Tools** → **Layers**
|
|
2. See how many layers are created
|
|
**Expected result:** < 20 layers
|
|
|
|
## 🚨 Still Having Problems?
|
|
|
|
### Check:
|
|
|
|
1. **Is hardware acceleration enabled?**
|
|
- Chrome: `chrome://settings/system`
|
|
- Check: "Use hardware acceleration when available"
|
|
|
|
2. **Update GPU drivers**
|
|
- NVIDIA: GeForce Experience
|
|
- AMD: Radeon Software
|
|
- Intel: Intel Driver & Support Assistant
|
|
|
|
3. **Check other tabs**
|
|
- Close other pages in browser
|
|
- Disable extensions (incognito mode)
|
|
|
|
4. **Try another browser**
|
|
- Chrome/Edge (best)
|
|
- Firefox (good)
|
|
|
|
## 📚 Full Documentation
|
|
|
|
Detailed information and advanced options in: [GPU_OPTIMIZATION.md](GPU_OPTIMIZATION.md)
|
|
|
|
## ✅ Checklist
|
|
|
|
- [x] Removed heavy gradient animation
|
|
- [x] Disabled backdrop-filter blur
|
|
- [x] Optimized hover effects
|
|
- [x] Added will-change for GPU acceleration
|
|
- [x] Shortened animation times
|
|
- [x] Used transform3d instead of 2d
|
|
|
|
---
|
|
|
|
**Date:** January 31, 2026
|
|
**Status:** ✅ Optimized
|