Streaming live at 10am (PST)

Third party scripts lowering lighthouse score on mobile

Hi there! Firstly, thank you for your awesome work on the forum, which helped me a lot in the past year!
Having said that, I need your help on this topic. I’m having very bad score on lighthouse report and page speed insights report on mobile view.
This is a preview link to site:
https://preview.webflow.com/preview/karls-ultra-awesome-project-1b4914?utm_medium=preview_link&utm_source=designer&utm_content=karls-ultra-awesome-project-1b4914&preview=5af166466650d429fbf6da629741bb48&workflow=preview

And this is live site: https://www.appify.digital/

As you can see from the screenshot:


The biggest problem is unused Javscript which comes mostly from third party scripts such as GTM, Hubspot etc, and this “connect.facebook.net” script, which I don’t now where it comes from.

On the desktop, score is around 92-94 so the problem is mobile view (30-34).
I’m also using defer attribute on third-party scripts, so I’m guessing that’s not the issue.

The second problem is next gen images issue, but I’m aware the next-gen images are still not supported in webflow, so I guess that’s fine.

It would be really helpful if someone had similar issues and is willing to help. Thank you for your response!

Hi @stefandjikic, for any custom scripts that you load in the footer or header of the site, you can load those in the footer to load after the page html has been loaded to speed up first render times.

I see the site has code for things like AddThis which can add additional load time.

See the code to load scripts in the Footer section:

<script>

$(document).ready(function() {
    $.ajax({
        url: "https://assets.calendly.com/assets/external/widget.js",
        dataType: "script",
        cache: true
    });
});

<script>

That example used calendly as an example, but you can use that with other third party scripts in the Footer section of custom code.

I hope this helps

Thanks a lot for this, @cyberdave !

1 Like