So we’re seeing this thing happen where we attempt to load an
items template that calls our api endpoint via ember-data in the model hook to get
items, this will then loop over them in an
each and render a component for each one.
I have been tasked with trying to speed this up because the perceived loading is really long on some devices. We’re sure that it’s not network that’s causing this but rather rendering. So I’m trying to find the best way to load into the
items page possibly with a little loading animation in place of where the items will go when the model loads them, and then after this loading of the initial render happens, then go to the store to get items from the API and render the
each component loop and replace the loading animation with the rendered items.
Any thoughts on how this should be done?