agents-orchestrator/agent-orchestrator
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

perf(electrobun): JS blink replaces CSS animation, 1.13% CPU (was 6.5%)

Browse source 
JS setInterval(500ms) toggles .blink-off class instead of CSS @keyframes.
WebKitGTK handles discrete class toggle efficiently (single repaint per toggle).
0.7% idle + 0.43% blink overhead = 1.13% total.

Comparison:
- CSS @keyframes: 6.5% (continuous compositor animation)
- JS class toggle: 1.13% (2 repaints/sec)
- No animation: 0.7% (baseline)
- Tauri (CSS): ~0% (browser compositor optimized)
- GPUI (custom Element): 2.17%
This commit is contained in:
Hibryda 2026-03-20 01:35:33 +01:00
parent 6b4a2494b3
commit b79fbf688e
7 changed files with 31 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

1
ui-electrobun/build/dev-linux-x64/AgentOrchestrator-dev/Resources/app/views/mainview/assets/index-BkHCMgkQ.css
View file

File diff suppressed because one or more lines are too long

10
ui-electrobun/build/dev-linux-x64/AgentOrchestrator-dev/Resources/app/views/mainview/assets/index-C2tlpXVI.js Normal file
View file

File diff suppressed because one or more lines are too long

10
ui-electrobun/build/dev-linux-x64/AgentOrchestrator-dev/Resources/app/views/mainview/assets/index-DDde1xRO.js
View file

File diff suppressed because one or more lines are too long

1
ui-electrobun/build/dev-linux-x64/AgentOrchestrator-dev/Resources/app/views/mainview/assets/index-xWFAud6t.css Normal file
View file

File diff suppressed because one or more lines are too long

4
ui-electrobun/build/dev-linux-x64/AgentOrchestrator-dev/Resources/app/views/mainview/index.html
View file

@ -4,8 +4,8 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Svelte App</title>
<script type="module" crossorigin src="/assets/index-DDde1xRO.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BkHCMgkQ.css">
<script type="module" crossorigin src="/assets/index-C2tlpXVI.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-xWFAud6t.css">
</head>
<body>
<div id="app"></div>