I am trying to improve my mobile site performance and have made a lot of progress today implementing changes recommended by Lighthouse, but I still have a performance score of 32 despite A’s in everything else. My desktop site runs fantastic.
I am curious if there is one or a few big problems, or if I need to optimize a ton of little things.
So far, I have eliminated unused Javascript, converted all my image assets to Webp, deleted all my unused assets, deleted unused fonts (I don’t know how to delete the fonts that come with Webflow or if that’s possible), and got rid of all HTML embeds I was using.
Uploads-SSL keeps coming up as an issue in almost every problem area, but I don’t know what else I can do with my assets to speed things up.
That would disable the ability for your site to be iframed and offers some clickjacking protection. Webflow labels this as “Secure Frame Headers” but it is actually a flag to enable the X-Frame-Options security header which you can read about at web.dev security headers
You have to really go through the reports and determine what things you can address. I would question why you are using a 1463x960 background image that is 300+k for a rendered 75px wide link. Makes no sense. I stopped there.
I’m assuming you are referring to the logo, but it was only 9.8kb. I replaced it with a 75x75px version and that brought it up to 65 which helped a lot. I’m not a web designer by trade and learned webflow from scratch to create my website 3 years ago and I am just now going back to optimizing it.
Is it only background images that this is a problem for? That was the only background image I’ve used other than the general background color image I use for the homepage (which I just replaced with an svg).
Can you point me to a good article on image sizes and how best to optimize them for Webflow?
I will provide you help regarding Page speed Performance score for Mobile view.
I will provide you 70 - 90+ range Page speed performance score for Mobile at Google Pagespeed Insights test.
