I am populating a repeater with data queried from the backend. Using console.time(), I am finding the following loading and execution times:
- page warmup (until $w.onReady()): 100ms;
- query of 20 items: 200ms;
- forEachItem (of the repeater) function running directly after queries: 100ms.
Note: values come from the published site.
So, all gets done in a very short amount of time: let's round it up to 0.5 seconds in total. This should be indicative of it not being a local performance/internet connection issue. However, the visual population of the repeater has a best-case waiting time of at least 17 seconds after the page has been loaded and the repeater data has been assigned to the queried results.
Setting the repeater properties to 'collapsed on load' or 'hidden on load' and expanding/showing afterwards do not change loading time of the repeater noticeably.
I'd like to know what should be the cause of this seemingly extraordinary loading time (it really shouldn't take so long to populate a repeater with only 20 items, should it).
Any thoughts/suggestions/insights are appreciated.
Does your repeater contain large images/videos?