Navidrome: UI slow with big Playlists

Created on 13 Nov 2020  路  4Comments  路  Source: deluan/navidrome

When opening a playlist with a few hundred (~600 in my case) entries the UI is really slow when loading the playlist or updating the UI.

web ui

Most helpful comment

Great! The main issue here is that, as the playlist gets bigger, React has a hard time to render all components in the page. The solution is to paginate the playlist, at least while I don't implement infinite scrolling, that would be the definitive solution.

Will keep this open to track the pagination implementation

All 4 comments

Thanks for creating the issue. Will take a look at ways to optimize it

Hey, I'm doing some refactoring in the playlist view while migrating to the newest version of React-Admin, can you try this new version?

Binaries are available here: https://github.com/deluan/navidrome/suites/1569543339/artifacts/28268032
For the docker image, use the label deluan/navidrome:pr-667

There's still work to do to make it better, but I think this new version will be an improvement.

It's much better now. Rendering when loading a playlist and clicking on play/next still takes a few seconds but much better than before :)

Great! The main issue here is that, as the playlist gets bigger, React has a hard time to render all components in the page. The solution is to paginate the playlist, at least while I don't implement infinite scrolling, that would be the definitive solution.

Will keep this open to track the pagination implementation

Was this page helpful?
0 / 5 - 0 ratings

Related issues

TheForcer picture TheForcer  路  5Comments

ericgaspar picture ericgaspar  路  4Comments

brianpierson2020 picture brianpierson2020  路  7Comments

r0arkin picture r0arkin  路  5Comments

GitSchorsch picture GitSchorsch  路  9Comments