Poor performance (pagespeed.web.dev)

stardar

I have a website, which has modular construction. It means that I can enable or disable each block of data displayed on the mainpage.

The website has a few product sliders, four cards, and some texts. When I am disabling all blocks, Google's Page Speed Insight system does not returning expected data - A rating - on mobile zone. Also GTMetrix (Lighouse) shows that something is wrong on mobile side.

The measurement:

All blocks turned on: 48/80 (GTMetrix status: F)

First Contentful Paint ! 2,2 s
Time to Interactive ! 4,3 s
Speed Index ! 3,8 s
Total Blocking Time ! 1580 ms
Largest Contentful Paint ! 5,4 s
Cumulative Layout Shift 0,07

PC:

First Contentful Paint 0,5 s
Time to Interactive 0,9 s
Speed Index 1,2 s
Total Blocking Time ! 190 ms
Largest Contentful Paint ! 1,5 s
Cumulative Layout Shift ! 0,3

All turned off: 83/98

First Contentful Paint ! 2,1 s
Time to Interactive 3,0 s
Speed Index 2,3 s
Total Blocking Time 60 ms
Largest Contentful Paint ! 4,2 s
Cumulative Layout Shift 0,017

PC:

First Contentful Paint 0,5 s
Time to Interactive 0,9 s
Speed Index 0,8 s
Total Blocking Time 20 ms
Largest Contentful Paint 1,0 s
Cumulative Layout Shift 0,011

Enabled main slider (rest is disabled): 82/94

First Contentful Paint ! 2,1 s
Time to Interactive ! 4,6 s
Speed Index 3,1 s
Total Blocking Time 80 ms
Largest Contentful Paint ! 4,0 s
Cumulative Layout Shift 0,057

PC:

First Contentful Paint 0,5 s
Time to Interactive 0,8 s
Speed Index 0,7 s
Total Blocking Time 0 ms
Largest Contentful Paint 1,0 s
Cumulative Layout Shift ! 0,166

Enabled "sugested" slider (rest is disabled): 53/80 !!!!!!!!!!

First Contentful Paint ! 2,1 s
Time to Interactive ! 4,2 s
Speed Index 3,1 s
Total Blocking Time ! 810 ms
Largest Contentful Paint ! 5,5 s
Cumulative Layout Shift ! 0,135

PC:

First Contentful Paint 0,5 s
Time to Interactive 0,9 s
Speed Index 1,0 s
Total Blocking Time 140 ms
Largest Contentful Paint ! 1,3 s
Cumulative Layout Shift !!! 0,699

Enabled cards (rest is disabled): 64/92

First Contentful Paint ! 2,1 s
Time to Interactive ! 5,1 s
Speed Index ! 3,6 s
Total Blocking Time ! 350 ms
Largest Contentful Paint ! 6,0 s
Cumulative Layout Shift 0,017

PC:

First Contentful Paint 0,5 s
Time to Interactive 1,0 s
Speed Index 0,9 s
Total Blocking Time 40 ms
Largest Contentful Paint ! 1,4 s
Cumulative Layout Shift ! 0,159

Enabled blog post index (rest is disabled): 65/88

First Contentful Paint ! 2,1 s
Time to Interactive ! 4,1 s
Speed Index 2,8 s
Total Blocking Time ! 430 ms
Largest Contentful Paint ! 5,7 s
Cumulative Layout Shift 0,017

PC:

First Contentful Paint 0,5 s
Time to Interactive 0,9 s
Speed Index 0,8 s
Total Blocking Time 10 ms
Largest Contentful Paint ! 1,3 s
Cumulative Layout Shift ! 0,277

What should I do with this? I suspect the developers did not optimize the mobile version of the site. Am i wrong?

Will be gratefull for comments

Dariusz

sibert

stardar What should I do with this? I suspect the developers did not optimize the mobile version of the site. Am i wrong?

Blocking time can be caused by bad code shown in "Best Practice". Many times there are plugins with jQuery that can cause problems. Besides this it is almost images that are not optimized.

WordPress sites are harder to optimize, because of some plugins that depends on other code that depends on other code.

What is the Best Practice value in https://web.dev/measure?

stardar

Really thank You for Your answer, Silbert. Is the soultion could be implementing CDN service? For now we have DNS on provider's server, but I think that better option for performance will be taking CF solution. Is this OK?

sibert

stardar Is the soultion could be implementing CDN service? For now we have DNS on provider's server, but I think that better option for performance will be taking CF solution. Is this OK?

First of all you should ensure that the code behind your site is correct and non blocking. And your images are optimized. CDN cannot replace bad code. But CDN sure can "hide" some mistakes :-)

stardar

sibert hee hee

Our code is not so bad I think, but Google performance validator (whom we are not pass) says that the loading of content is blocked for a while by script files (it takes time). So I thought CDN should speed up the process.

Thank You for Your answer anyway!

sibert

stardar Our code is not so bad I think,

Test your JS, CSS and HTML: https://static.go4webdev.org/chkcode I was surprised how many error I had in my code. But clean up, optimize and then add CDN.

azfar

Hi I want to know how to speed up the website performance of my website
Rus Organic

stardar

I checked and JS is pure clear 😃

But unfortunatelly HTML code and CSS is not hehehehe

Geez, I must seriously talk to our programmers... 😃

Thanks for help Silbert!