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.
Try to move script immediately after <body>.
Alternatively you can try load script this way:
Have you created a collection on your online store and experienced an issue with adding yo...By Ollie Aug 24, 2022