Hi,
My page load time is horrible-- lighthouse is giving mobile a performance score of 47.
Its taking over 6 seconds to load! 4 seconds for render-blocking resources and more than 1 second for unused JS. How can I fix this?
Thank you!
Hey @zooeypurdy
First things first you need to drastically reduce size of your hero image, right now it’s really big in size and in weight. It needs to be dropped down to about 300kb rather than 3mb.
Also might be worth removing your page load animation which isn’t linked to any animation.
I can’t look into your project settings but it seems that you might have added some custom code globally that you might not need on Homepage. Also unless you actually plan on using GTM to track analytics it might be worth removing.
Let me know iif iit gets any better once you update this.
Also one more thing, you want to minimize use of multiple fonts on your website and multiple weights.
If you are using custom font tty to upload only let’s say 2 different weights because even if you use only 2 it will load all 9 just in case
Hi! Thank you!
I have done those things and it helped a tiny bit, but unfortunately, not a ton. A fair number of font weights are used in my designs, is it really THAT bad to have a few extra font weights? Any idea what …css/pretailored.webflow.0ff2ec9ae.min.css is / how I could reduce? That looks like a big one.
1 Like
I thiink that’s the part about fonts. As far as I know sometimes fonts can lower speed tests by like 10 points, but nevertheless don’t expect results much better tthan 70, that is approximately how good mobile can be
1 Like
@zooeypurdy The CSS file you referenced is your site CSS. It includes normalize, Webflow base styles, and your custom CSS. The only thing you can do to optimize this file is to delete unused styles in the designer. No further optimization is available.
Hey Jeff, I’ve been having problems with this on my site as well so i started a new project as just a blank page with an image and am getting almost the exact same poor performance numbers. Wondering if my webflow account is corrupted somehow?
Here’s my read-only: Webflow - Avi Kommel
@AviKommel - It would be helpful if you could share a published URL to the page so inspection in a browser is possible. That is where developers debug issues.
Oh my god. You’ve saved me! Blunder. Lighthouse must have been calculating the editor Javascript?
There’s obviously responsiveness issues here that i haven’t started addressing, but how’s the load time here for you? I notice i get a 403 error on my header video…is it just bad practice to use a BV in the first contentful paint area? I have so much animated content and i’ve reduced all these videos as much as i can, any other tips to making this much animation hum?