What is Lazy Loading?

Lazy-loading is a technique that defers the loading of non-critical resources on page load. Instead, these non-critical resources are loaded at the moment of need, or when the widget comes into view.

In the video below, I will show how to add a Lazy Loading to your EmbedSocial widget code.

So to recap the steps from the video:

  1. Get the embedsocial widget code.

  2. Paste the data-lazyload="yes" attribute just after the data-ref.

  3. Your code should look like this:

<div class='embedsocial-reviews' data-ref="aa00lfl4lvkthkgoh43aaa223554asd05fsdkfjidra003" data-lazyload="yes"></div><script>(function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://embedsocial.com/embedscript/ri.js"; d.getElementsByTagName("head")[0].appendChild(js);}(document, "script", "EmbedSocialReviewsScript"));</script>

And that's it!

Please note*

Adding a third-party widget to your website, will slightly increase the overall loading time of the website.

If you need any additional assistance on how to add lazy load to your widget, please feel free to reach out to our live chat support, and we will help you out!


Did this answer your question?