[perf] Add global CSS optimizations for LOD system

Remove expensive paint effects (shadows, filters, backdrop-filters) at lower LOD levels
Simplify rendering for minimal LOD (no border-radius, no background images)
These optimizations reduce paint complexity without causing unwanted layerization
This commit is contained in:
bymyself
2025-07-07 16:18:57 -07:00
parent 614385788b
commit c0de0a2cd9

View File

@@ -706,3 +706,24 @@ audio.comfy-audio.empty-audio-widget {
will-change: transform;
}
/* Global performance optimizations for LOD */
.lg-node--lod-minimal,
.lg-node--lod-reduced {
/* Remove ALL expensive paint effects */
box-shadow: none !important;
filter: none !important;
backdrop-filter: none !important;
text-shadow: none !important;
-webkit-mask-image: none !important;
mask-image: none !important;
clip-path: none !important;
}
/* Reduce paint complexity for minimal LOD */
.lg-node--lod-minimal {
/* Skip complex borders */
border-radius: 0 !important;
/* Use solid colors only */
background-image: none !important;
}