Lazyloading images and avatars

Increases page-loading speed by deferring the loading of off-screen images. Helps literally every single Elfsight customer. Simply add “loading=‘lazy’” in the html img tags. 2 second amendment to your backend and EVERYONE benefits with better search results ranking.

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: 4

Original comment from Clint Bohaty 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:

Although this solution applies to the whole widget, we still believe it might work for you.

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 let us know if it worked on your end and what you think about this option :slightly_smiling_face:

Where’s the example?

@Billy my apologies for this! It seems the codes have been lost when transferring.

I’m duplicating the lost extract:


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-9d3bXXXX-4c72-4bd1-8XXX-c192fc9eXXXX"></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-9d3bXXXX-4c72-4bd1-8XXX-c192fc9eXXXX" data-elfsight-app-lazy></div>```
1 Like