Collection-repeat image request/inject offseting

Usecase: The user has a list present with infinity scroll that they quickly want to scroll through to get to the end. So after new list items are loaded the user quickly scrolls to the bottom again to load more list items (via infinity scroll).

Now if your items have images or background-images these requests will be using resources on the main thread, slowing down the user’s scrolling and hindering the user experience.

I was wondering if it would be possible to offset the loading of such images. For example, only request images via a directive if the item is visible to the user for more than 500ms.

Also would it be possible to prevent the directive from injecting the image/background-image into the DOM when the user is quickly scrolling?

I’m not sure if this would be possible, or if it would even mitigate the problem, I would love to hear your thoughts. Thanks.