performance

# Performance Reference

## The Golden Rule

**Only animate properties that the browser can handle on the GPU compositor thread:**

```
✅ SAFE (GPU composited):    transform, opacity, filter, clip-path, will-change
❌ AVOID (triggers layout):  width, height, top, left, right, bottom, margin, padding,
                              font-size, border-width, background-size (avoid)
```

Animating layout properties causes the browser to recalculate the entire page layout on every frame — this is calle