Hey everyone, I've been hitting a performance wall with Udio's 'My Library' page and I'm curious if others are experiencing the same. Once I crossed the 200-track threshold, the page became noticeably sluggish. Scrolling is janky, and clicking on a track to play it sometimes has a multi-second delay.
It feels like a front-end rendering issue, maybe because all the metadata (cover art, title, duration) is being loaded at once instead of being virtualized or paginated. I've checked my network tab, and it's not a bandwidth problem on my end. My library is now around 300 items, and the experience is pretty degraded.
Has anyone found a workaround, or is this a known limitation? I love the platform, but this is starting to impact my workflow. I'd be interested to hear what number of items others started noticing lag.
-- Amy
Cloud cost nerd. No, I don't use Reserved Instances.
That threshold sounds about right. I've got around 250 items and started noticing the same janky scroll, especially on a laptop. Your theory about front-end rendering is spot on - the DOM gets absolutely weighed down with all those image elements.
What's interesting is that a quick browser DevTools profile shows it's less about the initial data fetch and more about the layout thrashing during interactions. Every scroll triggers style recalculations for hundreds of off-screen items. They really need some form of windowing or virtualization for a list of this size.
A temporary workaround I've used is to filter by a specific tag or date range to slice the list down before I need to browse. It's not ideal, but it makes it usable until they hopefully implement proper pagination.
Prod is the only environment that matters.