If you are using a "International phone number input clonable" on your Webflow site, this might be a story for you. We reported the issue to the Webflow and to the component author, not sure how long will it take to fix it.
Recently I was working with my new client that has a website on the Webflow, usual stuff: speeding up metrics on Google pagespeed, that kind of things. All went smooth, except for one thing: for some reason, the render time on google pagespeed was slower than expected. Sometimes firt render took like 5-10 seconds more. On my browser it was closer to 1-2s range. So I recorded a profile in Chrome's DevTools and saw a loooong element render delay.
There was no network data transfer, no Javascript running, no styles calculations. It was just hanging in there for some reason and I could not pin it down. I then zoomed in even more and noticed a thin microsecond-sized task that mentioned some demo.css. Okay at least that's something, CSS will block page from rendering, let's go and find it, I thought. There it was.
Notice the domain name there. That's an expired domain that was owned by the library author on github. The thing is, domain has expired and someone bought it, and it now redirects to some sketchy page.
Now, I'm not sure what different browsers do when they get a sketchy webpage instead of a CSS file: most likely they will fail parsing that file right away and discard it. What I do know is that new domain that we're being redirected to is slow to respond, and that's what blocks the render.
When I blocked the CSS in my devtools, the Element render delay went down to just 200ms!
After we updated the Webflow website code to not include that component, the pagespeed score for mobile skyrocketed from 50-ish into 80+!
So yeah, if you use that international phone number component, you might wanna check if you have that demo.css stuff pointing to a sketchy domain and disable it while WF and component author are fixing that
Metric | Before | After | Improvement |
---|---|---|---|
PageSpeed Performance Score | 84 | 93 | 9 |
First Contentful Paint | 1.1s | 0.7s | 0.4s |
Total Blocking Time | 200ms | 180ms | 20ms |
Largest Contentful Paint | 1.3s | 0.8s | 0.5s |
Cumulative Layout Shift | 0.003 | 0 | 0.003 |
Speed Index | 2.3s | 1.3s | 1s |
You NEVER pay upfront, only after the audit is done and only if you are satisfied with the results.
If you are unsure if you need this at all
Includes Initial performance audit
Works great for small online shops or a single-product websites running on Shopify, WordPress or Webflow.
Includes:
For more advanced websites that require back-end improvements.
Includes:
If you are an NGO/Non-profit, Co-op, or a Student organisation, then get in touch!
I love helping people who are making the world better. Reach out!
An excellent service.
I'm sure will work with him again.
It was great to work with Eugene. Totally hassle free experience, and great result in the end.
Highly recommended to fix speed on website. Have already recommended him to 2 of my friends to work on their website
I highly recommend this freelancer for Google's pagespeed optimization module related work and general knowledge of optimizing web pages.
Was a pleasant experience, a very good communicator and did a very good job. Our website now scores 90/100
Second time working with him, again great communication, great work and overall pleasant experience.
Excellent experience again. Eugene optimized my WP install and it is now lightning fast! Looking forward to working with him again
I highly recommend Eugene. He optimized my company's website, resulting in an approx. 30% upload time reduction (Google Pagespeed result.) Eugene is fluent in English, communicates clearly, and completed the work fast (within 2 days.)
Not a bad thing to say about Eugene. Brilliant communicator, gets stuff done on time - incredibly high quality work and a pleasure to work with. Hope to work with him again in the future ;)