All Collections
General, Pricing and Terms
General Information
How to add Lazy loading to your widget?
How to add Lazy loading to your widget?
This article provides steps that will help you add lazy loading to your EmbedSocial widget code, to fix the loading issues on your website
Laze Trajkov avatar
Written by Laze Trajkov
Updated over a week ago

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.

Please follow these steps to add a Lazy Loading to your EmbedSocial widget code:

  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 have any questions or need additional assistance please feel free to reach out and chat with us or send us an email at support@embedsocial.com

We're happy to help.

Did this answer your question?