Reduce widget size

Widget size/unused java script is slowing down page loading time significantly.

  • Guest
  • Feb 20 2021
  • Shipped
  • Admin
    Helga R commented
    August 23, 2022 15:10

    Hello folks,

    I'm happy to tell about the lazy loading beta version for embedded widgets, that might be a solution 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 :)


    To turn it on, please add the “data-elfsight-app-lazy” attribute to a <div> 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 me know if it worked for you!