# perf\(web\): keep timeline minimap animations off the main thread · stienswout/t3code

[View on GitCafe](https://git.cafe/stienswout/t3code/commit/e46ad451adbe33763601577c34cd453bcbdd4648)

Repository: [stienswout/t3code](https://git.cafe/stienswout/t3code)

Visibility: public

Requested revision: e46ad451adbe33763601577c34cd453bcbdd4648

Requested commit: e46ad451adbe33763601577c34cd453bcbdd4648

Commit: e46ad451adbe33763601577c34cd453bcbdd4648

Tree: d8e650acf76ea20d0af90d748ac2f61517f6d0c1

Author: Julius Marminge

Committer: Julius Marminge

## Message

```
perf(web): keep timeline minimap animations off the main thread

A renderer performance trace showed the minimap strips as a standing
source of main-thread frame work: each strip transitioned
background-color (paint) and width (layout), and both fire constantly —
scrolling or streaming flips a band of in-view states at once, and the
hover fisheye animates several widths at a time — so any interaction
kept a 60fps style/layout/paint pipeline running.

The strip now animates only compositor-friendly properties: width tiers
are scale-x on a fixed-width box, and the in-view highlight is a bright
overlay faded with opacity. The scroll handler also skips no-op
data-in-view attribute writes, which previously re-dirtied style state
for every strip on every scroll tick.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

```

## Parents

- [4d8891dd005f77c86013ed66e83d6163f5402b6a](https://git.cafe/stienswout/t3code/commit/4d8891dd005f77c86013ed66e83d6163f5402b6a?format=markdown)

[Source at this commit](https://git.cafe/stienswout/t3code/tree/e46ad451adbe33763601577c34cd453bcbdd4648?format=markdown)