Syncing large number of items best practices?

[raucao]

@rosano

I’m working integrating remoteStorage in two apps at the moment and pretty much everything seems to work great.

Good to hear!

@rosano

and loading a ‘large’ number of items (I don’t think 100 is very large, but let’s use that as a reference)

You’re right. 100 is not a large number at all.

The key to fast loading times is caching your documents. Ideally all of them. Further improvements can be made by not checking for updates when opening the app, by setting maxAge to false for your fetch method (e.g. myClient.getAll(false)).

I had a quick glance at your app and created 600 docs with it. Caching seems to be all there and load fast in general. But loading/rendering seems to be a bit slow indeed. However, from the outside it’s not obvious why.

I manage a few thousand bookmarks with Webmarks (source code), and it loads within 1 or 2 seconds for me. However, I actually had quite the delay from the mere rendering of the items, before I went and fixed that. Now it’s only rendering a bit more than fits the screen, and then adding more items to the rendered list by way of catching IntersectionObserver events from the end of the list (see code changes here).