How can CSS performance be optimized?

Short answer: ✅ Best Practices: Minimize reflows/repaints by avoiding inline styles or frequent layout changes.

Explain a bit more

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.

Real-world example (ShopNest)

ShopNest’s browser cart uses modern JavaScript: fetch APIs with async/await, modules, and clear error handling.

Say this in the interview

1. Define — one clear sentence (the short answer above).
2. Example — relate it to a project like ShopNest or your real work.
3. Trade-off — when you would not use it.