List with lots of richTexts is loading slow(er)

[cloetensbrecht]

When you have a list with a richText inside it and you fill the data with lost of list items, it every time generates the richText. Because of this, rendering all entered richText data seems to go slow when loading the view. It would be better to render them only when they are visible in the view (lazyload).

Playground: https://alinea.sh/playground#code/aW1wb3J0IHsKICB0eXBlLAogIGxpc3QsCiAgc2NoZW1hLAogIHJpY2hUZXh0Cn0gZnJvbSAnYWxpbmVhJwoKZXhwb3J0IGRlZmF1bHQgdHlwZSgnVHlwZScsIHsKICBkZXRhaWxzOiBsaXN0KCdEZXRhaWxzJywgewogICAgc2NoZW1hOiBzY2hlbWEoewogICAgICBkZXRhaWw6IHR5cGUoJ0RldGFpbCcsIHsKICAgICAgICBkZXNjcmlwdGlvbjogcmljaFRleHQoJ0Rlc2NyaXB0aW9uJykKICAgICAgfSkKICAgIH0pCiAgfSkKfSk=

Add a lot of details to it with some "Lorem Ipsum" data. When loading the page, rendering will be slow (difficult to test on the playground because the data is rendered while adding it, but when it's loaded from the json data file, you can see the problem).

[benmerckx]

Could you narrow this down by using the performance profiler and/or the react profiler in the dev tools?

[cloetensbrecht]

Hereby a screen capture from a click to an entry where only one richText element is present followed by a click where multiple richText fields are present. The runned tasks of the second click are running longer:

Profile-20220615T095503.zip

[benmerckx]

Can you check if this is still an issue with 0.5.12?