[Support request] How to speed up my website

I see. Autoptimize seems to somehow be triggering a render-blocking resource issue in Lighthouse.

As explained by Autoptimize:

“With the default Autoptimize configuration the CSS is linked in the head, which is a safe default but has Google PageSpeed Insights complaining. You can look into “inline all CSS” (easy) or “inline and defer CSS” (better) which are explained in this FAQ as well.”

Reference: https://wordpress.org/plugins/autoptimize/#what%20is%20the%20use%20of%20%22inline%20and%20defer%20css%22%3F

You could also try a different caching plugin like WP Rocket if you prefer, and see how it pans out for you. You can configure it similar to how Autoptimze is configured.

Kindly let us know how it goes.

Hi there,

Did you configure your Autotomize as introduced here?
https://docs.generatepress.com/article/configuring-autoptimize/

I did a lighthouse test for your site, it scores 99 on desktop, and 89 on mobile.

It looks to me, the main blocking resources are Google analytics and local fonts.

It’s not about the content, but the resources that loads before the content.

The biggest blockage is coming from Google analytics ( > 100Kib) and local fonts.

1. We can try preconnect the google tag resources by creating a hook element, choose wp_head hook, add this line: <link rel="preconnect" href="https://www.googletagmanager.com"> , set the hook element’s priority to 0, choose entire site as location.

2. Preload the local fonts:
The same process as NO.1, but the content would be:

<link rel="preload" href="/wp-content/uploads/2022/06/rubik-v20-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/wp-content/uploads/2022/06//rubik-v20-latin-700.woff2" as="font" type="font/woff2" crossorigin>

After the 2 hook elements are implanted, let’s do the test again.

i put all the code in the same element (the font and tagmanager) is it ok?

Yes, you can do so 🙂

Just did another lighthouse test, it scores 96 this time on mobile:
https://www.screencast.com/t/gR3UyRezL4

Now can you turn on the cache plugin and I’ll do another test.

Upon checking, I can confirm that your website is cached: https://share.getcloudapp.com/Qwun7AWE

The cached files are the ones reported as render Blocking: https://share.getcloudapp.com/4gurmnYQ

It seems that the time it takes for your website to receive these files from your Server or CDN is causing this. This would be in the realm of your hosing provider or if they’ve setup a CDN.

It may be good to reach out to your hosting provider regarding this.

Hope this clarifies!

Just did another test, it’s now scoring 97 on mobile.

disabling my cdn will hurt my performence right?

It will not impact the lighthouse score but might affect your website users’ experience.

You can just leave it.

I don’t have cache plugin.

You said you’ve set up the Autoptimize plugin following the instruction, can you activate the plugin now?

I’m getting 90 on my end.

The main issues showing on mobile are the render-blocking resources and your server response time.

The server response time is a Server related issue. For instance: https://onlinemediamasters.com/improve-server-response-time-godaddy/#:~:text=As%20long%20as%20you%E2%80%99re%20hosted%20with%20GoDaddy%2C%20you%E2%80%99re%20not%20alone

Using an optimization plugin, which you already have is a suggested solution to alleviate this.

Another thing that could help is upgrading your PHP version.

There are also other recommendations in the link mentioned above.

Hope this helps!