Loading time need to be improved

Loading time of Popup widget seems need to be improved, as affecting loading time for overall webpage. Somehow we notice can see several social media icon images, like twitter, facebook, from elfsight Popup widget when webpage is loading at first time.

Not sure why it needs to have such social media links even though its hidden.

2 Likes

Greetings, @Chris_B1 :waving_hand:

Could you please send me a link to the page, where your Popup widget is installed? I’ll gladly check things for you.

As for the social icons, it seems that you mean the informational panel:

If it’s what you meant, this panel is displayed for you as the account owner, and only you can see it when you’re logged into Elfsight.
Your website visitors never ever see it at all.

You can check the widget on your website in incognito mode to make sure that no one else can see it. And here is a special article about it - Why I see a panel above my widget.

However, if you still want to hide it, you can add this CSS code to the Custom CSS section in your widget settings :slightly_smiling_face:

.global-styles, .eapps-widget-toolbar {
display: none !important;
}
1 Like

Dear Max,

I attached a screen recording for accessing our website: https://avitek.co.id.
There is a flash of X (twitter), Facebook, icons showing just a glance (less than second), please watch slowly.

Thanks,

(attachments)

2 Likes

Thanks for sharing a link along with the screencast!

To check things and find out the reason for the issue, we’ll need temporary access to your website’s backend:

  • login link

  • temporary login and password

Please send me this info in a personal message and our devs will start checking this issue. To send a personal message, please click on my profile image and choose “Message”:


Regarding the low performance score, we’ve checked your site and noticed that the widgets are placed in the initial viewport. This prevents the lazy loading feature from working properly, as the widgets load immediately when someone opens the page.

To fix this, you can move the widget codes lower on the page. Right now, it’s in the header and we recommend moving it lower (to the body or footer).

Please try moving the code and let me know if it helps improve the score :slightly_smiling_face:

1 Like

Hi Mac,

Thanks for feedback.
The script has been moved to end/bottom of page at home webpage.

But still those X (twitter), Facebook, icons image are flash appearing.
Please to check when possible.

For sharing login ID looks like need to seeks approval from management first.

Kind regards,

2 Likes

Moving the scripts to the bottom of the page should enhance the performance score of the website. However, the issue with the social icons is different, and we need access to look into this.

I’d like to note that it’s absolutely safe to provide us with backend access to your website. We are very careful with our clients’ backend credentials, and we never provide them to any third parties.

We request access to a website’s backend to work with our widgets only. Our high skilled developers will come to the rescue and make things right for you! We’re not going to work with any other elements on your website, only with the widget.

Please let me know once you have a response from your management :slightly_smiling_face:

1 Like

Hi Max,

Ok noted.

For pop-up widget, we noticed after insert short Embed Code at our webpage and saved, it becomes long-length like below.

It has link/information about toolbar, pricing, Facebook share. Please for advise.

            <div class="eapps-widget-toolbar-panel-wrapper">
                <div class="eapps-widget-toolbar-panel-only-you">Panel only seen by widget owner</div>
               
                <div class="eapps-widget-toolbar-panel">
                    <a href="[https://dash.elfsight.com/apps/popup?utm_source=clients&amp;utm_medium=user-panel&amp;utm_campaign=elfsight-icon&amp;utm_content=popup&amp;utm_term=preview.sitehub.io](https://dash.elfsight.com/apps/popup?utm_source=clients&amp;utm_medium=user-panel&amp;utm_campaign=elfsight-icon&amp;utm_content=popup&amp;utm_term=preview.sitehub.io)" target="\_blank" title="Panel only seen by widget owner">
                        <div class="eapps-widget-toolbar-panel-logo">
                            <svg width="15px" height="15px" viewBox="0 0 15 15">
                                <path d="M9.3907705,9.84479984 C9.39084949,9.84789591 9.39120496,9.85095229 9.39120496,9.85408806 C9.39120496,10.061247 9.22563696,10.22907 9.0213232,10.22907 C8.95852427,10.22907 8.89943798,10.2130737 8.84761899,10.1850899 L8.84754,10.1851296 L7.07973033,9.29155556 L7.08206061,9.28885642 C6.36524438,8.95487756 5.87944133,8.32105601 5.8725295,7.59228825 C5.8724505,7.59197071 5.87205554,7.5920104 5.87205554,7.59161347 C5.87205554,7.04563305 5.78595386,6.41089856 4.91573446,5.65760038 C3.20314046,4.17545506 0.437578214,1.75392969 0.14052742,1.49378024 C0.133220626,1.48790564 0.126229802,1.4816738 0.119396962,1.47528319 C0.116118779,1.47238559 0.113906992,1.47048031 0.113906992,1.47048031 L0.114025481,1.47032154 C0.0438802595,1.40204918 0,1.30619002 0,1.19981216 C0,0.992653173 0.165568,0.824830183 0.369763267,0.824830183 C0.437222748,0.824830183 0.500298153,0.84344631 0.554763389,0.875439056 L0.554881878,0.875240589 L8.16441401,4.79566183 C8.18708482,4.80685532 8.20940017,4.81848544 8.23159702,4.83027433 L8.26027125,4.84504021 C8.26027125,4.84504021 8.25995528,4.84539745 8.25991578,4.84543714 C8.94031653,5.21748181 9.39013856,5.85916262 9.39013856,6.58888301 C9.39013856,6.59412252 9.38970411,6.59924295 9.38966461,6.60448246 L9.39013856,6.60392675 C9.39013856,6.60392675 9.39013856,7.81560238 9.39013856,8.75974562 C9.39013856,9.47057204 9.39065201,9.79137275 9.3907705,9.84479984 Z M7.53431857,14.7455202 C3.55890924,14.6059985 0.437604872,11.2422351 0.576433956,7.24703185 C0.583108811,7.05447997 0.592627391,6.86419061 0.614903238,6.67604469 C0.626238643,6.5803443 0.774902276,5.85483139 1.42366658,5.94136264 C1.91002258,6.00626108 2.06393921,6.43383658 2.02799768,6.75971802 C2.02108585,6.82235395 2.00698571,6.9880335 2.00698571,6.9880335 C1.99805957,7.0901245 1.99174018,7.19296966 1.98810654,7.296569 C1.87645083,10.5094981 4.38663075,13.2146316 7.58357031,13.3268443 C10.7804309,13.4390571 13.4722142,10.9164331 13.58387,7.70354372 C13.6955257,4.49049559 11.1853457,1.78536206 7.98852467,1.67314929 C7.62634467,1.66044746 7.27060255,1.68180242 6.924458,1.73395933 C6.924458,1.73395933 6.08816582,1.8731238 5.90186232,1.30555026 C5.72160174,0.756354691 6.14271005,0.438650054 6.4277935,0.379070511 C6.94780024,0.279003871 7.48672566,0.235103155 8.03781591,0.254473453 C12.0131067,0.393995167 15.1343716,3.75771881 14.9955425,7.75308087 C14.8567529,11.7482842 11.5095699,14.8850419 7.53431857,14.7455202 Z" id="path-1"></path>
                            </svg>
                        </div>
                    </a>
                   
                    <a href="[https://dash.elfsight.com/widget/dca00a43-39b7-4e4e-9cd3-2b8c3b3736e5?utm_source=clients&amp;utm_medium=user-panel&amp;utm_campaign=edit-widget&amp;utm_content=popup&amp;utm_term=preview.sitehub.io](https://dash.elfsight.com/widget/dca00a43-39b7-4e4e-9cd3-2b8c3b3736e5?utm_source=clients&amp;utm_medium=user-panel&amp;utm_campaign=edit-widget&amp;utm_content=popup&amp;utm_term=preview.sitehub.io)" target="\_blank">
                        <div class="eapps-widget-toolbar-panel-edit">
                            <div class="eapps-widget-toolbar-panel-edit-icon">
                                <svg width="15px" height="15px" viewBox="0 0 15 15">
                                    <path d="M11.8409658,5.0838519 C11.9103036,5.1860702 12.0261968,5.24949902 12.1508333,5.25 L12.25,5.25 C13.2164983,5.25 14,6.03350169 14,7 C14,7.96649831 13.2164983,8.75 12.25,8.75 L12.1998265,8.74999536 C12.0487015,8.7505981 11.9123649,8.84088722 11.8528316,8.97979334 C11.7877518,9.12733583 11.817782,9.29295657 11.9216456,9.39918771 L11.9564161,9.43395833 C12.2850259,9.76220278 12.4696678,10.2076171 12.4696678,10.6720833 C12.4696678,11.1365495 12.2850259,11.5819639 11.956875,11.9097495 C11.6286306,12.2383593 11.1832162,12.4230011 10.71875,12.4230011 C10.2542838,12.4230011 9.80886945,12.2383593 9.48085438,11.909979 L9.45042877,11.8795032 C9.33962324,11.7711153 9.1740025,11.7410852 9.02646001,11.8061649 C8.88755388,11.8656983 8.79726477,12.0020348 8.79666667,12.1508333 L8.79666667,12.25 C8.79666667,13.2164983 8.01316498,14 7.04666667,14 C6.08016835,14 5.29666667,13.2164983 5.29666667,12.25 C5.2931854,12.0554921 5.19476641,11.9178878 5.01447022,11.8503365 C4.87266417,11.7877518 4.70704343,11.817782 4.60081229,11.9216456 L4.56604167,11.9564161 C4.23779722,12.2850259 3.79238285,12.4696678 3.32791667,12.4696678 C2.86345048,12.4696678 2.41803612,12.2850259 2.09025055,11.956875 C1.76164072,11.6286306 1.5769989,11.1832162 1.5769989,10.71875 C1.5769989,10.2542838 1.76164072,9.80886945 2.09002104,9.48085438 L2.12049683,9.45042877 C2.22888469,9.33962324 2.25891482,9.1740025 2.1938351,9.02646001 C2.13430173,8.88755388 1.99796517,8.79726477 1.84916667,8.79666667 L1.75,8.79666667 C0.783501688,8.79666667 1.94289029e-16,8.01316498 0,7.04666667 C-1.2952602e-16,6.08016835 0.783501688,5.29666667 1.75,5.29666667 C1.94450787,5.2931854 2.0821122,5.19476641 2.14966349,5.01447022 C2.21224816,4.87266417 2.18221802,4.70704343 2.07835438,4.60081229 L2.04358388,4.56604167 C1.71497406,4.23779722 1.53033223,3.79238285 1.53033223,3.32791667 C1.53033223,2.86345048 1.71497406,2.41803612 2.043125,2.09025055 C2.37136945,1.76164072 2.81678382,1.5769989 3.28125,1.5769989 C3.74571618,1.5769989 4.19113055,1.76164072 4.51914562,2.09002104 L4.54957123,2.12049683 C4.66037676,2.22888469 4.8259975,2.25891482 4.96780355,2.19633016 C5.00517877,2.17983498 5.04407976,2.16735698 5.0838519,2.15903418 C5.1860702,2.08969644 5.24949902,1.97380324 5.25,1.84916667 L5.25,1.75 C5.25,0.783501688 6.03350169,1.94289029e-16 7,0 C7.96649831,0 8.75,0.783501688 8.75,1.75 L8.74999536,1.80017349 C8.7505981,1.9512985 8.84088722,2.08763507 8.98552978,2.14966349 C9.12733583,2.21224816 9.29295657,2.18221802 9.39918771,2.07835438 L9.43395833,2.04358388 C9.76220278,1.71497406 10.2076171,1.53033223 10.6720833,1.53033223 C11.1365495,1.53033223 11.5819639,1.71497406 11.9097495,2.043125 C12.2383593,2.37136945 12.4230011,2.81678382 12.4230011,3.28125 C12.4230011,3.74571618 12.2383593,4.19113055 11.909979,4.51914562 L11.8795032,4.54957123 C11.7711153,4.66037676 11.7410852,4.8259975 11.8036698,4.96780355 C11.820165,5.00517877 11.832643,5.04407976 11.8409658,5.0838519 Z M5.32570846,3.30839955 C4.77441872,3.50165553 4.15603406,3.36755835 3.72918771,2.94997896 L3.69395833,2.91474945 C3.58454352,2.80521284 3.43607206,2.74366557 3.28125,2.74366557 C3.12642794,2.74366557 2.97795648,2.80521284 2.86808278,2.91520833 C2.75854618,3.02462315 2.6969989,3.17309461 2.6969989,3.32791667 C2.6969989,3.48273873 2.75854618,3.63121018 2.86831229,3.74085438 L2.90783651,3.78042877 C3.3497255,4.23217443 3.47215604,4.90739742 3.23081273,5.45135564 C3.01171177,6.04708399 2.45070951,6.44833064 1.8025,6.46333333 L1.75,6.46333333 C1.4278339,6.46333333 1.16666667,6.72450056 1.16666667,7.04666667 C1.16666667,7.36883277 1.4278339,7.63 1.75,7.63 L1.85149318,7.63000464 C2.46761824,7.63246196 3.02345194,8.00056374 3.26366984,8.56113688 C3.51882271,9.13926925 3.39639217,9.81449224 2.94997896,10.2708123 L2.91474945,10.3060417 C2.80521284,10.4154565 2.74366557,10.5639279 2.74366557,10.71875 C2.74366557,10.8735721 2.80521284,11.0220435 2.91520833,11.1319172 C3.02462315,11.2414538 3.17309461,11.3030011 3.32791667,11.3030011 C3.48273873,11.3030011 3.63121018,11.2414538 3.74085438,11.1316877 L3.78042877,11.0921635 C4.23217443,10.6502745 4.90739742,10.527844 5.45135564,10.7691873 C6.04708399,10.9882882 6.44833064,11.5492905 6.46333333,12.1975 L6.46333333,12.25 C6.46333333,12.5721661 6.72450056,12.8333333 7.04666667,12.8333333 C7.36883277,12.8333333 7.63,12.5721661 7.63,12.25 L7.63000464,12.1485068 C7.63246196,11.5323818 8.00056374,10.9765481 8.56113688,10.7363302 C9.13926925,10.4811773 9.81449224,10.6036078 10.2708123,11.050021 L10.3060417,11.0852505 C10.4154565,11.1947872 10.5639279,11.2563344 10.71875,11.2563344 C10.8735721,11.2563344 11.0220435,11.1947872 11.1319172,11.0847917 C11.2414538,10.9753769 11.3030011,10.8269054 11.3030011,10.6720833 C11.3030011,10.5172613 11.2414538,10.3687898 11.1316877,10.2591456 L11.0921635,10.2195712 C10.6502745,9.76782557 10.527844,9.09260258 10.7829968,8.51447022 C11.0232147,7.95389707 11.5790484,7.58579529 12.1975,7.58333333 L12.25,7.58333333 C12.5721661,7.58333333 12.8333333,7.3221661 12.8333333,7 C12.8333333,6.6778339 12.5721661,6.41666667 12.25,6.41666667 L12.1485068,6.41666203 C11.5323818,6.41420471 10.9765481,6.04610293 10.7338351,5.47979334 C10.7127093,5.43050161 10.6985296,5.37864558 10.6916004,5.32570846 C10.4983445,4.77441872 10.6324417,4.15603406 11.050021,3.72918771 L11.0852505,3.69395833 C11.1947872,3.58454352 11.2563344,3.43607206 11.2563344,3.28125 C11.2563344,3.12642794 11.1947872,2.97795648 11.0847917,2.86808278 C10.9753769,2.75854618 10.8269054,2.6969989 10.6720833,2.6969989 C10.5172613,2.6969989 10.3687898,2.75854618 10.2591456,2.86831229 L10.2195712,2.90783651 C9.76782557,3.3497255 9.09260258,3.47215604 8.52020666,3.21949823 C7.95389707,2.97678527 7.58579529,2.42095158 7.58333333,1.8025 L7.58333333,1.75 C7.58333333,1.4278339 7.3221661,1.16666667 7,1.16666667 C6.6778339,1.16666667 6.41666667,1.4278339 6.41666667,1.75 L6.41666203,1.85149318 C6.41420471,2.46761824 6.04610293,3.02345194 5.47979334,3.2661649 C5.43050161,3.2872907 5.37864558,3.3014704 5.32570846,3.30839955 Z M7,9.33333333 C5.71133558,9.33333333 4.66666667,8.28866442 4.66666667,7 C4.66666667,5.71133558 5.71133558,4.66666667 7,4.66666667 C8.28866442,4.66666667 9.33333333,5.71133558 9.33333333,7 C9.33333333,8.28866442 8.28866442,9.33333333 7,9.33333333 Z M7,8.16666667 C7.64433221,8.16666667 8.16666667,7.64433221 8.16666667,7 C8.16666667,6.35566779 7.64433221,5.83333333 7,5.83333333 C6.35566779,5.83333333 5.83333333,6.35566779 5.83333333,7 C5.83333333,7.64433221 6.35566779,8.16666667 7,8.16666667 Z"></path>
                                </svg>
                            </div>
                           
                            <div class="eapps-widget-toolbar-panel-edit-label">Edit widget</div>
                        </div>
                    </a>
                   
                    <div class="eapps-widget-toolbar-panel-views eapps-widget-toolbar-panel-views-green">
                        <div class="eapps-widget-toolbar-panel-views-label">Views</div>
                       
                        <div class="eapps-widget-toolbar-panel-views-bar">
                            <div class="eapps-widget-toolbar-panel-views-bar-inner" style="width:0.76%"></div>
                        </div>
                       
                        <div class="eapps-widget-toolbar-panel-views-percent">1%</div>
                    </div>
                   
                    <a href="[https://dash.elfsight.com/apps/popup/pricing?utm_source=clients&amp;utm_medium=user-panel&amp;utm_campaign=extend-limits&amp;utm_content=popup&amp;utm_term=preview.sitehub.io](https://dash.elfsight.com/apps/popup/pricing?utm_source=clients&amp;utm_medium=user-panel&amp;utm_campaign=extend-limits&amp;utm_content=popup&amp;utm_term=preview.sitehub.io)" target="\_blank" style="display:none">
                        <div class="eapps-widget-toolbar-panel-views-get-more">
                            Extend Limit
                        </div>
                    </a>
                </div>
               
                <div class="eapps-widget-toolbar-panel-share" style="display:inline-flex">
                    <div class="eapps-widget-toolbar-panel-share-button">
                        <svg width="12px" height="12px" viewBox="0 0 24 24">
                            <path id="XMLID_31\_" d="M12.7,15.3c-4.5,0.1-8.4,2.5-10.7,6c-0.2,0.3-0.6,0.5-0.9,0.5c-0.1,0-0.2,0-0.3,0c-0.5-0.1-0.8-0.6-0.8-1c0,0,0-0.1,0-0.1c0-7.1,5.7-12.9,12.7-13V5.5c0-0.5,0.3-0.9,0.7-1.1c0.2-0.1,0.4-0.1,0.6-0.1c0.3,0,0.5,0.1,0.7,0.2l8.8,6c0.3,0.2,0.5,0.6,0.5,0.9c0,0.4-0.2,0.7-0.5,1l-8.8,6.1c-0.2,0.2-0.5,0.2-0.7,0.2c-0.2,0-0.4,0-0.6-0.1c-0.4-0.2-0.7-0.7-0.7-1.1V15.3z"></path>
                        </svg>
                       
                        <span>Share</span>
                    </div>
                   
                    <div class="eapps-widget-toolbar-panel-share-block">
                        <div class="eapps-widget-toolbar-panel-share-block-text">
                            <div class="eapps-widget-toolbar-panel-share-block-text-icon">![🔥](https://fonts.gstatic.com/s/e/notoemoji/16.0/1f525/72.png)</div>
                            Tell your customers about<br>new website functionality!
                        </div>
                       
                        <div class="eapps-widget-toolbar-panel-share-block-actions">
                            <div class="eapps-widget-toolbar-panel-share-block-actions-item-facebook eapps-widget-toolbar-panel-share-block-actions-item">
                                <a href="javascript:void(0)" onclick="window.open('[http://www.facebook.com/sharer.php?u=preview.sitehub.io](http://www.facebook.com/sharer.php?u=preview.sitehub.io)', 'facebook', 'width=555,height=640,toolbar=0,status=0'); return false;" target="\_blank" title="Share on Facebook">
                                   
                                    <svg class="eapps-widget-toolbar-panel-share-block-actions-item-icon" viewBox="0 0 1024 1024">
                                        <path d="M234.747 554.565V346.624h152.512v-81.02C387.259 125.893 492.2.068 621.186.068h168.068v207.918H621.186c-18.412 0-39.85 22.329-39.85 55.801v82.826h207.918v207.929H581.336v469.39H387.247V554.564H234.746z"></path>
                                    </svg>
                                </a>
                            </div>
                           
                            <div class="eapps-widget-toolbar-panel-share-block-actions-item-twitter eapps-widget-toolbar-panel-share-block-actions-item">
                                <a href="[https://twitter.com/share?url=preview.sitehub.io&amp;via=elfsight&amp;text=Now](https://twitter.com/share?url=preview.sitehub.io&amp;via=elfsight&amp;text=Now) my site is cool as ever with a widget by Elfsight from [https://elfsight.com/](https://elfsight.com/)" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" target="\_blank" title="Share on Twitter">
                                   
                                    <svg class="eapps-widget-toolbar-panel-share-block-actions-item-icon" viewBox="0 0 1024 1024">
                                        <path d="M912.964 321.322c13.032 289.559-202.954 612.433-585.152 612.433-116.254 0-224.521-34.104-315.596-92.559 109.203 12.898 218.206-17.38 304.798-85.227-90.111-1.646-166.12-61.158-192.344-142.973 32.258 6.181 64.008 4.388 92.974-3.532-98.995-19.869-167.378-109.096-165.13-204.452 27.789 15.427 59.512 24.699 93.255 25.742-91.676-61.278-117.633-182.336-63.713-274.868C183.633 280.463 335.317 362.425 506.4 370.988c-29.983-128.778 67.66-252.779 200.585-252.779 59.204 0 112.682 25.006 150.238 65.011 46.882-9.232 90.927-26.384 130.744-49.959-15.386 48.059-48.046 88.438-90.526 113.926 41.61-4.977 81.307-16.069 118.208-32.445-27.562 41.316-62.456 77.574-102.688 106.581z"></path>
                                    </svg>
                                </a>
                            </div>
                           
                            <div class="eapps-widget-toolbar-panel-share-block-actions-item-google eapps-widget-toolbar-panel-share-block-actions-item">
                                <a href="[https://plus.google.com/share?url=preview.sitehub.io](https://plus.google.com/share?url=preview.sitehub.io)" onclick="javascript:window.open(this.href, 'google+', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=350,width=480');return false;" target="\_blank" title="Share on Google+">
                                   
                                    <svg class="eapps-widget-toolbar-panel-share-block-actions-item-icon" viewBox="0 0 1024 1024">
                                        <path d="M327.072 448.23v127.536s123.72-.164 174.097-.164c-27.28 82.677-69.698 127.7-174.097 127.7-105.651 0-188.112-85.65-188.112-191.302s82.461-191.302 188.112-191.302c55.861 0 91.937 19.633 125.029 47.001 26.49-26.49 24.274-30.264 91.669-93.908-57.209-52.071-133.245-83.815-216.695-83.815C149.223 189.976 5.051 334.151 5.051 512s144.175 322.024 322.024 322.024c265.837 0 330.813-231.474 309.271-385.793H327.072zm580.285 6.38V343.018h-79.709V454.61H712.866v79.709h114.782v114.782h79.709V534.319h111.592V454.61H907.357z"></path>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div></div>

Kind regards,

1 Like

Yep, we’ve also noticed this code snippet. However, to understand why the installation code becomes long-length, we’ll need temporary access to your website’s backend. Could you please share it with us?