Really struggling with site speed!

How To
,
1

Hi all

I’ve done a PageSpeed test and the results were really poor with the site speed. From my understanding Bricks Builder should be lightening quick. Could anyone help determine what could be slowing the wesbite down?

Results also show a slow LCP, which I’m not exactly sure what that is nor do I know how to improve the LCP.

Thanks in advance, link is below.

Uploading: Capture.PNG…

2

Well, the website is well constructed, but you have a lot of issues:

  • A lot of inline css
  • Usign multiple Icons frameworks (4 I think)
  • Using Google Fonts
  • No cache set
  • No Compression set
  • Combination of Webp and Png’s
  • One image is missing (You can see in the console)
3

Love your page. Looks really nice

1 Like
4

Biggest thing I can see is that all of the images displayed at a smaller size are loaded as the full sizes.

Make sure you have various images sizes set and that they’ve all been generated at those different sizes.

Then make sure the images display at different sizes based on their container. Like here your image could only be maybe 400px wide but the full one is showing.

image
image895×996 242 KB

Using webp is good just also resize.

You are loading ELEVEN fonts. Cut that down, probably some are from icons. Locally host them all, and if you’re just using certain ones for headings you could even remove unused characters from those.

Recaptcha is loaded multiple times?

Get rid of font awesome, might be from some plugins.

Site looks really nice though :slight_smile:

5

Richard K:

Awesome site!

You have received a lot of good advice here that will help. A few more ideas:

  1. On your home page your LCP is the image https://twoballoons.co.za/wp-content/uploads/Two-Balloons-Home-Header.webp This image is a css background image and as such does not support srcset to make it responsive. Note using “Inspect” the image is the same size as the desktop image. If you make this an html image instead of a background image it will support srcset. Plus you can include more useful SEO tags (like “alt”) on the image. Here is a snippet from Kevin Geary’s @digitalgravy free PB101 Lesson 13 - The Fundamentals of Images in Web Design that may help. Watch from the beginning if this helps. https://youtu.be/PYEkeTDckQw?si=4TF5e_tgShn8b0uN&t=1080

    image-11-05-2024_05_17_PM
    image-11-05-2024_05_17_PM954×852 125 KB

  2. You can also add a free Cloudflare account and the free plugin Super Page Cache – WordPress plugin | WordPress.org which will also help.

You may also find the following video on LCP useful. How to fix Largest Contentful Paint (LCP) with Brian Jackson @brianleejackson of Perfmatters https://www.youtube.com/live/JIuVMH_7DGY?si=4qnWkTlaGtdqA51c

6

Can you maybe post your activated plugins? Some plugins with lot’s of database requests are slowing down sites significantly. Also from personal experience I really can recommend wp-rocket as a caching solutions. just saying.