[Support request] How to speed up my website

[eran]

Hi,
I just open my new website and i used the autoptimize plugin + the settings you suggest.

When i check the lighthouse score in incognito i get 78 performance score.
I dont get it, my home page is empty (no content) how can i improve the performence score?

[Fernando]

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.

[eran]

Thanks for your response!
I dont understand what i should put in the text area
how do i find my above the fold css?

[Ying]

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.

[eran]

Yes, I configure autoptimize exactly the same.
I get 82 now but earlier today i got 78 on mobile and my page is empty.
any way to improve this?

[Ying]

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.

[eran]

Thanks.
it work.
i put all the code in the same element (the font and tagmanager) is it ok?
but still i have 1.45 sec render-blocking resources.
any way to fix this issue?

[Ying]

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.

[eran]

I don’t have cache plugin.

[Fernando]

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!

[eran]

Thank for your response.
disabling my cdn will hurt my performence right? i should keep it enabled?

[Ying]

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?

[eran]

its active.

[Fernando]

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!

[Author]

Posts