How can CSS performance be optimized?

✅ Best Practices:

• Minimize reflows/repaints by avoiding inline styles or frequent layout changes.
• Use transform and opacity for animations (GPU-accelerated).
• Combine and minify CSS files.
• Use specific selectors, not overly complex ones (div ul li a {...} = costly).
• Avoid large background images or unnecessary CSS rules.
• Use modern layout methods (Flexbox/Grid) efficiently.

Key Takeaway:

Efficient CSS = fewer reflows, fewer repaints, and lightweight selectors.