Back to all skills
Progress15 of 45
JavaScriptMedium

Batch DOM CSS Changes

Avoid changing styles one property at a time. Group multiple CSS changes together via classes or `cssText` to minimize browser reflows.

javascriptdomcssperformancereflow

Code Comparison

•Incorrect (multiple reflows):typescript
•Correct (add class - single reflow):typescript
•Correct (change cssText - single reflow):typescript
•React example:tsx

Why This Matters

Impact: reduces reflows/repaints. This optimization is classified as MEDIUM priority for production applications.

Previous
Use SWR for Automatic Deduplication
Next
Cache Repeated Function Calls