I have been gradually building up organic traffic over the past 18 months, and was at around 20K monthly organic visitors.
I knew that the Google update (in terms of pagespeed being a ranking factor) was coming, and had tried to optimize my site where possible. But it seemed like so many other huge sites (bbc.co.uk, airbnb.com) scored quite poorly on Page Speed Insights, so I wasn’t so worried.
Can you be certain that your percentage drop is completely due to page speed or is it possible google tweaked other algorithms which could also be affecting your traffic?
No, I can’t be sure. But I know that page speed becoming a ranking factor was the most talked about part of this algorithm update, so I assumed it must be that.
In any case, this page loads relatively slowly (as per Google Page Insights), and I am a little lost on how to further optimize it.
I understand. I ran a lighthouse report in Chrome and it did say 1.2 seconds load time could be saved by optimizing images. I know this doesn’t solve the issue but it may help a little.
We’ve been trying for over a week to improve Pagespeed with our website agency, but with no success. We are still as low as 33 in performance and they can’t find anything else to improve.
The only tracking we are using on the website is GTM and Facebook pixel. All other necessary trackings we added through GTM and we use Zoho forms integration as it is our CRM.
The agency can’t find anything about CDN and other things that are loading.
Maybe improve your site size?
Your site :
Images: 5.4Mb
Js: 1.7Mb
Font : 339kb
For images optimization,
you can try using compression to images before uploading them to webflow.
or using a third-party like ImageKit or automate the image optimization with Cloudflare Images and Cloudflare worker
add more srcsize for small images. (using webflow embedded component or Cloudflare worker)
(Webflow only set it from 500px to 3200px, which mean 200px width image would still load 500px width image)
Js optimization:
Try to reduce the use of webflow interaction(use gsap instead, I saw you already have it) and webflow components.
You can reduce webflow.js size from 279kb to ~21.4kb or lower.
Font optimization:
I’m not sure about Google Fonts, I believe uploading your fonts to webflow is better.
From my exp, webflow serves the minimum of font-family and font-weight if we use custom fonts.
You seem to load in a whole lot of different Google fonts, try to upload them directly through the dashboard or scale down to 1 or max 2 different fonts.
The background gradient in the hero section is quite big, try recreating it using a div with a gradient background in CSS instead
Try using deferred or asynchronous loading for any third party script that’s not crucial for the initial page load (I can see that you’re using some marketing scripts etc.) Efficiently load JavaScript with defer and async
Lazy-load images below the fold, I can see that quite a few of your images are set to eagerly load right now
: