6 ms·
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 mentione
by jlukic 2mo ago
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.
https://postimg.cc/sQpZxxzv https://postimg.cc/sQpZxxzv
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 2mo agoThat'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 2mo agoOh, yea, "you're holding it wrong"
- raincole 2mo ago? 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 2mo agoIs 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 https://imgur.com/texxYP0
- Rohansi 2mo agoZoom 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.