<ClientRouter /> Making my page sluggish when fast scrolling.

[mild wind]

Hello All!

ClientRouter is greatly affecting my project performance in terms of how smooth the navigation on page is. Does anyone else get really bad lag/sluggish feel when you have <ClientRouter /> ?? Mine feels really sluggish specially when scrolling the page up or down really quickly, most noticeable when you pull the page down (after reaching the top)..

When I comment it out, page is back to being smooth as a baby..

[brisk scaffold]

Are you using any UI frameworks? How many dependencies do you have? Are you using client:load etc (lazy loading)? Does it change when the site is live and sluggish only on dev?

[wooden sage]

It could also possibly be view transitions, as they are uninterruptible until the transition finishes, so if you have something in your header you may notice interactivity delays

[brisk scaffold]

ClientRouter is now ViewTransitions. If I'm not mistaken , I believe it's all CSS now instead of JavaScript.

[wooden sage]

The view transitions api itself is not interruptible

[tacit creek]

The Astro Client Router is JS based. There is also the option to use native CSS animations which are different and do not require importing and using the ClientRouter component.

[brisk scaffold]

Apologies, I'm a little dyslexic 🤷🫣 , but I swear I read something about ClientRouter replacing ViewTransitions and replaces JS with CSS transitions.

[tacit creek]

Yes Astro v5 renamed ViewTransitions to ClientRouter... But the Zero JS View Transitions is a web-native thing now! (atleast mostly... safari is.. well, ya know)