Lazy loading on instagram images to improve performance

lazy load can help a website that use this plugin (totally media center) to improve the general performance loading the images on-scroll only

Folks, our former Wishlist portal, where our users shared their requests and suggestions, was transferred to this forum. You’re most welcome to vote, add new ideas, and leave your comments here — we surely will consider them all! :star_struck:

Original Votes: 63

Original comment from Patrick transferred from the previous Wishlist portal:

Original comment from Jens Martsch transferred from the previous Wishlist portal:

Original comment from Jens Martsch transferred from the previous Wishlist portal:

Dear folks,

Thanks a lot for adding this idea and for your comments!

We do understand how needed this option is for you and I’m truly sorry that we don’t support it yet.

We’ve tried to talk this option through, however, it did appear to be more complicated than we expected. To release the lazy load function, we’ll have to implement a major update for the whole widget which is a very complex task.

We’re not going to give up on this idea of course, and we will definitely keep trying to find maybe other ways to make this option real. But unfortunately, we cannot promise that this will be done in near future.

I’m so very sorry to bring such news, and I do believe we will be able to have this option released sooner.

Thank you so much for your understanding! :pray:t2:

Original comment from Chris Freer transferred from the previous Wishlist portal:

Hello folks!

Big news is coming — lazy load beta version for embedded widgets is here! :heart_eyes:

It doesn’t work as a built-in option yet due to a couple of unresolved matters, but you can adjust your widget manually in order to make it work :slight_smile:

To turn it on, please add the “data-elfsight-app-lazy” attribute to a

element in your installation code.

For example, here’s how the code looks like initially:

<script src="https://apps.elfsight.com/p/platform.js" defer></script>
<div class="elfsight-app-9d3beb9e-4c72-4bd1-8ed6-c192fc9e56c7"></div>

And here’s how it should look like with the attribute added:

<script src="https://apps.elfsight.com/p/platform.js" defer></script>
<div class="elfsight-app-9d3beb9e-4c72-4bd1-8ed6-c192fc9e56c7" data-elfsight-app-lazy></div>

Please keep in mind that it will work only for widgets which are not in the initial viewport (e.g. users have to scroll down at least for a little bit before they reach the widget).

Please do let us know if it worked on your end :slightly_smiling_face: