Here's the perf profile, just to clarify.

Cursor idle, viewport on the button examples. 3ms repaint every 8-11ms. Animation frame points to the code i mentioned.

The problem isn't doing work on a website, its if you have an idle task that is taking up a significant portion of the frame budget then its easy to have frame drops when you do significant work like clicking, scrolling, browsing.

Idle work showing up in flamecharts is usually the thing to be cautious of.

▲

Rohansi 16 hours ago | parent [-]

That's from Lottie, the animations that play in the header and footer of the page. Shrink your window until they disappear and try again.

▲

edoceo 15 hours ago | parent | next [-]

Oh, yea, "you're holding it wrong"

	▲	raincole 15 hours ago \| parent [-]
		? In this very particular case, yeah, the original commenter was holding it wrong, as they inspected the wrong thing. People sometimes hold things wrong and it's okay.

▲

naikrovek 5 hours ago | parent | prev [-]

Is it? I am in the middle of the page, the header and footer are well off into the distance not being rendered, and I see the same pattern.

https://imgur.com/texxYP0

	▲	Rohansi 3 hours ago \| parent [-]
		Zoom in, take a look at what code is running, and you'll see it's all `lottie_light.min.js`. Being offscreen doesn't mean it's doing nothing. In fact, it looks like once it shows once it keeps spinning its RAF loop forever. Shrink your window so it disappears, reload, and then profile.