Join the Webstudio community

Updated last month

Improving Mobile Page Speed and Performance Metrics

At a glance

The community member is creating landing pages using Webstudio and has noticed inconsistent page speed for mobile, sometimes around 90+ and sometimes around 60. They suspect external scripts like gtag, cookies, and capi are affecting the speeds. The community member wants to understand if there's anything they can do from their end to improve mobile speeds and lower FCP/LCP, apart from eager loading the first image. The comments suggest measuring page speed using PageSpeed Insights, ensuring external scripts have async or defer attributes, optimizing fonts, and identifying and addressing blocking scripts. The community member provides a link to a Webflow site that doesn't perform well, and then shares a link to the Webstudio site, which is much better. The community members work together to identify and address the blocking scripts on the Webstudio site.

Useful resources
Hey guys how's it going? Been creating some landing pages at work using webstudio and performance has been really good on these pages. πŸ™‚

However, I'm noticing page speed for mobile seems inconsistent, sometimes it's 90+ sometimes it's around 60

There are some external scripts - gtag, cookies and capi that are probably affecting this as well so completely understandable that these are probably affecting speeds.

I want to understand if there's anything I can do from my end to improve speeds for mobile and lower FCP/LCP? (apart from eager loading the first image) Any advice?
O
U
26 comments
  1. how are you measuring it?
  1. Can you show a link?
  1. Makesure all external scripts have either async or defer attribute. Make sure you don't have many fonts or optimize them.
  1. using https://pagespeed.web.dev/
  1. link - https://learn.myedspace.co.uk/maths
  1. let me make these async. thank you @Oleg Isonen
this site doesn't perform great, looking for reasons
  1. a bunch of images in the viewport are not eager
Attachment
image.png
  1. you have 13 custom fonts, which looks like coming from 3rd party widget
Attachment
image.png
  1. you have 3mb of scripts
Lol I just realized this website is webflow site
Why did you send me a webflow site?
I can't even begin to list out all other issues on it
this one is MUUUUCH better
desktop is even perfect
hence why we're switching πŸ™‚
  1. same, first image is not eager
one blocking script found - gsap
Attachment
image.png
2 other blocking scripts found, same thing
Attachment
image.png
updating these now, thank you so much
All I was doing is opening the source and searchig for <script and looking if there is any without defer/async
there is probably an extension or some other tool for this too
yup will do, i'm checking
Add a reply
Sign up and join the conversation on Discord