mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-05 21:54:50 +00:00
c2cf8e4fb1
## Summary Allows to disable UI animations to speed up local inference on shared GPU setups. Gives 7-13% improvement ## Changes - **What**: New setting under Appearance > General. Applies a CSS class that disables all animations and transitions - **Breaking**: None since it's opt in I also considered auto-disabling animations only during generation on shared GPU setups. We could detect that, lmk if you want it to be implemented. ## Screenshots Mac with Apple Silicon <img width="362" height="369" alt="Screenshot 2026-03-16 at 01 15 03" src="https://github.com/user-attachments/assets/aa9e3dcf-15cf-48e9-a4f5-834373bc0400" /> <img width="866" height="585" alt="Screenshot 2026-03-16 at 01 42 34" src="https://github.com/user-attachments/assets/aca13c04-aa98-41bf-a5ff-4e218b9c6460" /> ## How to reproduce: - Run frontend & backend locally on a device with shared GPU - Install the model: `cd models/checkpoints && curl -L -o v1-5-pruned-emaonly-fp16.safetensors "https://huggingface.co/Comfy-Org/stable-diffusion-v1-5-archive/resolve/main/v1-5-pruned-emao nly-fp16.safetensors"` (~2GB) - Use this workflow: https://cloud.comfy.org/?share=4086706e0018 (also attached): [test-workflow.json](https://github.com/user-attachments/files/26006974/test-workflow.json) ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-9968-perf-speed-up-local-inference-on-shared-GPU-3246d73d365081adaa03c348a7efdc1e) by [Unito](https://www.unito.io) --------- Co-authored-by: Alexander Brown <drjkl@comfy.org>
33 lines
749 B
CSS
33 lines
749 B
CSS
@import '@comfyorg/design-system/css/style.css';
|
|
|
|
/* Use 0.001ms instead of 0s so transitionend/animationend events still fire
|
|
and JS listeners aren't broken. */
|
|
.disable-animations *,
|
|
.disable-animations *::before,
|
|
.disable-animations *::after {
|
|
animation-duration: 0.001ms !important;
|
|
transition-duration: 0.001ms !important;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
/* List transition animations */
|
|
.list-scale-move,
|
|
.list-scale-enter-active,
|
|
.list-scale-leave-active {
|
|
transition:
|
|
opacity 150ms ease,
|
|
transform 150ms ease;
|
|
}
|
|
|
|
.list-scale-enter-from,
|
|
.list-scale-leave-to {
|
|
opacity: 0;
|
|
transform: scale(70%);
|
|
}
|
|
|
|
.list-scale-leave-active {
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
}
|