Access a community of over 900,000 Shopify Merchants and Partners and engage in meaningful conversations with your peers.
Im am working with Googles Lighthouse Tool to improve our Speed Score.
Right now it looks like this for the mobile version:
The specific goal is here to load the third party applications which we dont need to load fast, to load after the page has loaded all its other elements.
Obviously it makes a difference if i remove the third application <script> Tag:
I know, the speed score varies much on a daily basis, but the difference is clearly visible.
I tried solving it with a setTimeout in our theme.liquid file, right before </head> :
But unfortunately, the script js still blocks the main thread.
Solutions with "async" and "defer" don't seem to make a difference.
<script async src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=SQWH"></script>
<script defer src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=SQWH"></script>
I hope someone has an idea on this! 🙂
Thanks in advance.