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 that adding a third-party widget to your website, will slightly increase the overall loading time of the website.

If you have any questions, click the bottom right chat icon to talk with our customer success team or send us an email at support@embedsocial.com

We're here for you 🙏

Did this answer your question?