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!
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!
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
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
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
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>```
Hi folks!
I’m closing this request since the solution described above does resolve the issue
Just in case, here’s the post where we explain a lazy loading feature in more detail: You now CAN improve your PageSpeed