Replace Images Outside Viewport

Question

Hello,

I have a large database and when someone does a search, it's using too much memory and is slow.
I have already applied lazyload - which helped.

I want to replace the images when it's outside of the viewport so it's not taking up so much memory.

I was thinking:
Original Viewport: (changes to

with lazyload)
Outside Viewport:

Back in Viewport: (changes to

with lazyload)

I found this: http://stackoverflow.com/questions/5117421/how-to-load-images-dynamically-or-lazily-when-users-scrolls-them-into-view

But, Do you have another way to do this?

SemiColonWeb · Accepted Answer

Hello,

Unfortunately this is not supported by Default in Canvas and will require Advanced Customizations. You can consider using the Infinity Scroll Plugin included with Canvas to achieve this which is more widely used.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

lawmotorsports · Answer

I was thinking: Original Viewport: (changes to with lazyload) Outside Viewport: Back in Viewport: (changes to with lazyload)