Pagespeed // horrible results

Hello,

since Bricks is praised for it´s pagespeed and optimized code I recently encountered that my site has horrible results on pagespeed.web.dev and I have no idea why.
I tried to reduce the plugins as far as possible, updated everything, …nothing.
As I´m a non code person, how can one figure out what could cause that results. I know, there are so many options causing the result but maybe someone here has some good tipps how to figure that out.
I already contacted my webhoster - their tipp was to use WP Rocket…ah, come on…this is Bricks - we´re used to have clean sites :slight_smile:

If you want to check it out… 99hundert.com

Thank you!

It’s true, the site isn’t the fastest (9s) compared to how lightweight it could be (based purely on it’s looks). Also kind of surprising since the best pagespeed scores I’ve been getting are always with Bricks.

Some things to note:

  • I see a lot of errors in browser console. (Inspect (right click in browser) → Console) I’m no expert with these but I’d take a look and find if any of those are causing the longer load times.
  • What hosting are you using? Host is a strong factor.
  • Are you using any caching or optimization plugins? You mentioned WP Rocket but to me it was left unclear whether it is in use or not. Start with Breeze or any other plugin. (Though Bricks is fast, optimizing will make it even faster :wink: )
  • Remember to compress images. Try ImageOptim and WebP.
  • Try speed after removing all animations, just for the sake of trying it. (Are you using Bricks animations? For some reason Bricks animations slow down most of my sites too. Self-made CSS animations don’t — no idea why. :smiley: )
  • Also, I know it’s boring, but try disabling all plugins and see if there’s a major difference in speed. If yes, start enabling one-by-one to measure which plugins cause most of delays.

Thank you for your answer!

  • I see a lot of errors in browser console. (Inspect (right click in browser) → Console) I’m no expert with these but I’d take a look and find if any of those are causing the longer load times.

Ok, I´ll have a look at that…

  • What hosting are you using? Host is a strong factor.

Normally they are a very fast and good hoster…

  • Are you using any caching or optimization plugins? You mentioned WP Rocket but to me it was left unclear whether it is in use or not. Start with Breeze or any other plugin. (Though Bricks is fast, optimizing will make it even faster :wink: )

I do not use any now - even because Bricks users tend to expect fast sites :wink:

  • Remember to compress images. Try ImageOptim and WebP.

Yes, all images are WebP.

  • Try speed after removing all animations, just for the sake of trying it. (Are you using Bricks animations? For some reason Bricks animations slow down most of my sites too. Self-made CSS animations don’t — no idea why. :smiley: )

That´s an interesting point - didn´t know of that issue with Bricks. That could be an approach.

  • Also, I know it’s boring, but try disabling all plugins and see if there’s a major difference in speed. If yes, start enabling one-by-one to measure which plugins cause most of delays

Done that and yes, it made some difference but not significantly…like 10-15 points in score…that does not seem to do the trick.

And the mobile test is so much worse than the desktop score… I don´t know how that can happen

1 Like
  • Ok, could you ask your host to take a look (e.q. PHP, memory limits, etc), just to see if there’s a bottleneck there? Though they’re usually fast, it’s still possible that a portion of the slowness is on them, especially if it’s a shared hosting.

  • Always use caching and media optimizations at the very minimum. :slight_smile: No matter how fast your builder is. Always.

  • Don’t worry, mobile score is always worse. They simulate slow 3G for mobile tests. :slight_smile: You can, however, gain some more mobile score by e.q. cropping the images/videos on mobile to portrait, and so on.

Also, it’s good to approach the speed tests as not the holy grail judge of web speeds. 60/100, or even lower, on mobile could most times be already acceptable. Concerning speed only, what matters most is real-life users’ speed, not what some speed test shows.

I appreciate your suggestions and will work on these…
I´ve looked at the errors and I saw two caused by Brickscore and millions of warnings caused by all kinds of Cookies.
Which cache plugin do you recommend?

Not sure if you made any changes already but Lighthouse shows a score of 86 on Desktop with 1.3s Speed Index.
But it’s bad at 41 with 8.5s Speed Index on mobile. Delaying the script loading will probably help.

It looks like you’re loading the outdated Universal Analytics tag, the same GoogleAds tag is loaded twice, and 2 different GA4 tags.

And you should fix that JS error. That’s styling, not JavaScript:
not_script

1 Like

Thank you very much! I´ll fix your suggestions - let´s see how that´s going out!

Oh man, I cannot find the js error…

What do you mean you can’t find it. You can see it in the console. Or do you mean that you don’t know where you’ve put it?

I see it in the console/code but don´t know where it is within Bricks.

If you need help, I can take a look but you’ll need to share access to your (staging) site. DM me.
Know that I am not part of Bricks support, just a Bricks user trying to help.

If you’re getting errors from Brickscore and tons of cookie warnings, try using a solid cache plugin like WP Super Cache or W3 Total Cache.