[Resolved] Speed issue according to Google PageSpeed

[Math]

Hi,

Would you happen to know why I’m getting such a poor score on PageSpeed? Its’ around 30-40

Skool House

Thank you.

[Leo]

Hi there,

Where are you seeing that result?

I just ran a Lighthouse test and the result is pretty good:
https://www.screencast.com/t/zIpgPeE6z5C

[Math]

Hi Leo,

This seems to be more for mobile than desktop. Please see link below.

https://www.dropbox.com/s/309scx9d67zzj4q/Screen%20Shot%202021-11-06%20at%209.18.15%20AM.png?dl=0

Thank you.

[David]

Hi there,

theres a lot of resources being loaded on that page.
For better detail see the web page test report i ran here:

https://www.webpagetest.org/result/211106_BiDcSP_2a0b4289da6a2c255e62db0b0e41638d/1/details/#waterfall_view_step1

Thats quite a lot of things to work through.

Dealing with the common cause issues:

1. Google Fonts – load them locally: https://docs.generatepress.com/article/adding-local-fonts/
2. Google Advert scripts – use a plugin like Flying Scripts to defer the loading. The plugin provides a field for Keywords to add – the one you need for google ads is: adsbygoogle.js

NOTE – you can do both of the above with the PerfMatters plugin – which may be of use with the rest of the resource related performance issues.

To cover other things you need to assess:

1. TypeKit is also being used for font loading – not sure wheres that being used as i cannot see a font request made by it.
2. FontAwesome is being loaded by Elementor … i believe there is an option to use SVG icons – which will reduce the number of FA request required.
3. Download Manger is loading Bootrap CSS amongst other scripts but it looks like thats loading on every page whether its required or not. PerfMatters can remove them where its not necessary.

GP things that will make minor improvements in Customizer > General, set the Structure to Flexbox.

[Math]

Hi David,

Thanks for the detailed breakdown! I really appreciate it. I ended up purchasing Prefmatters and it did make a big difference.

Couple of items I’m still struggling with are:

1. Google Fonts – load them locally: https://docs.generatepress.com/article/adding-local-fonts/
I disabled Google Font on Perfematters. I followed all the steps, but what I’m not fully understanding is the very end where I add the font to the customizer. I uploaded the font to the directory ../fonts/inter-v3/..., searched for Inter, and added it but my website defaults to system fonts (-apple-system,system-ui,…). How do I fix it?

3. Download Manger is loading Bootrap CSS…
I didn’t see this option on Prefmatters. Did I overlook something?

Thank you.

[David]

Nice improvement 🙂

1. You shouldn’t require the steps in the Local font install document, as PerfMatters has this option:

https://perfmatters.io/features/#local-google-fonts

3. This option:

https://perfmatters.io/docs/disable-scripts-per-post-page/

Its a bit misleading saying disable scripts – as it also deals with CSS stylesheet

[Math]

Thanks for all your help!! Fixed up most of the issues.

Why does the Security Score from Webpage Test give a score of “F”?

[David]

Glad to hear that.

If you click on the F rating it will display the vulnerability scan results and give you the details as well as an option to fix them. If you think its a concern then talk to your host, as simply ‘adding’ to your setup may cause other issues.

[Math]

Thank you.

[David]

You’re welcome

[Author]

Posts