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
A small implementation detail was quietly hurting the performance of my own website.
The MKP Digital logo looked completely normal in the browser. Under the hood, however, the original 296 KB PNG was being embedded directly in the code as a Base64 data URI.
That turned roughly 296 KB of image data into almost 395 KB of inline data, while also preventing the logo from behaving like a normal, independently cacheable static asset.
I replaced the implementation with a proper static PNG import through Next.js and reduced the image itself from 296 KB to 187 KB.
The production results after the change:
Mobile Lighthouse Performance: 76 → 94
Median LCP: 5.51s → 2.99s
Logo size: 296 KB → 187 KB
Base64 source: ~395 KB → removed
That is a 46% reduction in median LCP and a 37% smaller logo asset.
No redesign. No major rewrite. The website looks exactly the same.
It was simply a case of finding one inefficient implementation and fixing it properly.
Performance issues are not always caused by something complex. Sometimes a seemingly insignificant asset is enough to make a measurable difference.
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
We redesigned ‘My Next Campaign’s website recently.
Clarity and a modern design were the entire plan behind this project.
The old website wasn’t up to date and didn’t match the app.
We wanted consistency throughout the brand so the product's easy to understand and navigate, and users know what to do next.
• A focused headline, supporting copy, and primary CTA.
• Kept features in a scannable module.
• Kept visual hierarchy to make the site less cluttered.
• Comparison with other tools to make the decision faster.
• Client testimonials, pricing plan, FAQ, and final CTA placed strategically.
We simplified the ‘My Next Campaign’ logo into the more distinctive ‘MNC’ mark.
The original wordmark is visually long.
It could be difficult to read at smaller sizes, and was challenging to place consistently in headers, navigation, and other branded sections.
This structure connects visuals with business goals.
Are you thinking about a redesign?
DM or comment here. Let’s work together.
Comparison with other tools placed before the pricing is a bold choice. Did you see it help people decide faster, or was it mostly a clarity move?
Quick experiment with Claude for a lead generation landing page with a waitlist.
Getting to a usable first version was fast. What still takes a designer is hierarchy, spacing and interaction details, which is what decides whether the page conversion.
