Performance issue in large list in Chrome browser

šŸ›Bugs
#1

Steps to reproduce

Just browse
https://dynalist.io/demo/4kpmt51ULD2RgJlcb8IZLZai (it is the demo document)
https://dynalist.io/d/2xr3cFSat-0xYRMqad28_03E (the clone i made in my folder)
in Chrome

Expected result

Smooth scrolling and no lagging

Actual result

CPU usage is high and scrolling is lagging.
When I use the Dev Tool to do performance profiling, it shows that some tasks are running even though the window is just idling.

Environment

desktop version/ Google Chrome 76.0 / Windows 10

Additional information

image
image1002Ɨ650 33.7 KB

This issue is not found in Firefox.

#2

So one of the optimizations in Dynalist is that not all items are ā€œrenderedā€ when you load a document - anything thatā€™s out of view is initialized as a grey box and to be filled in later.

We have a background task to fill them in gradually, but I think thereā€™s a few things we could be doing better to avoid the reflow it seems to be causing right now.

Perhaps Firefox deals with those reflows better? Iā€™m not sure. But itā€™s definitely something we can fix. Stay tuned!