The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Our own homepage scored 54 on mobile. Here is how we got it to 99.
We build fast sites for clients. Then we ran PageSpeed on our own homepage and got 54 on mobile.
Three things were doing most of the damage:
1) An autoplaying 4K hero film. It was about 21 MB of a 22 MB page.
2) Google Tag Manager. It alone blocked the main thread for around 4 seconds.
3) A booking widget loading its scripts and cookies on every visit.
What we changed:
• The film became a small poster image. The video now starts on the visitor's first interaction.
• Tags load on first interaction or after 5 seconds. No tag was removed.
• The booking widget is gone.
• Images are served as AVIF and WebP in the right size.
Result on the mobile homepage: 54 to 99. Page weight went from about 22 MB to about 0.5 MB. Total Blocking Time went from 4,740 ms to 30 ms.
One caveat: lab scores move. The same page scored between 86 and 99 on the same day, so we report the median of three runs.
Full write-up with every number: https://codevibe.in/case-studies/website-speed-optimization
If your site feels slow, the hero video and the tag manager are the first two places I would look.
codevibe.in
Website Speed Case Study: PageSpeed 54 to 99 | Codevibe
How Codevibe took its own Next.js site from 54 to 99 on mobile PageSpeed and 100 on desktop: 22,563 KiB to 530 KiB, blocking time 4.7 s to 30 ms.
54 to 99 is wild. the cobblers kids have no shoes thing is so real lol
Ha, exactly that. We audit client sites every week and never ran the test on our own😂 . The 4K hero film was the embarrassing part, it was 21 MB on its own.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
What makes a website feel cohesive?
It’s not just the colors.
It’s not just the typography.
And it’s definitely not about making every section look the same.
A cohesive website is built when every visual decision feels like part of the same story, from typography and imagery to spacing, buttons, cards, and even the smallest details.
The goal isn’t repetition.
It’s creating a visual language that people recognize and remember.
That’s when a website starts to feel like a brand, not just a collection of sections.
Well put, Serge. Consistent spacing, buttons and cards do more for that feeling than making sections match, and they are usually the first things to drift as a site grows.
Halden - Landing Page Concepts
Halden sells to grid operators, and there were two good ways to pitch it: tell them what's coming, or show them everything happening now. Rather than pick one on instinct, I designed the landing page as an A/B test so real traffic decides.
The two pages share one 12-column grid, the same section order, type system and components. Each variant changes only its message, its hero visual and its light color, so any difference in demo requests comes from the pitch and not the layout.
The work was building a system flexible enough to carry two different stories without either one feeling like the backup version.
Forecasting (act before demand spikes) vs metering (see and bill every kilowatt)
Primary metric: Demo requests from the hero CTA
4 voted
57%
3 voted
43%
7 votes
Closed
I'd pick Forecasting. "From meter reading to early action" tells a grid operator what they get in one line. Did you write both hero lines before designing the visuals?
First impressions happen in seconds. We made them count.
A landing page should do more than look good. It should tell a story, build trust, and make the next step feel natural.
We brought together bold visuals, thoughtful layouts, and clear messaging to create an experience that keeps visitors engaged from the first scroll to the final click.
Good design catches the eye. Great design gives people a reason to stay.
What's your next big idea?
