Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
How to optimize useomnia.com
Large unoptimized images delay LCP by 6.6 seconds and consume 5.6MB of unnecessary bandwidth.
In Webflow Designer, reupload the hero background (2.9MB PNG) and mascot GIF as optimized WebP/MP4 formats. Use Webflow's responsive image settings to serve appropriately sized images. Replace the meditation GIF with a compressed MP4 video for 70% smaller file size.
A score of 42 falls in the "Poor" range (50-89). While it is better than poor (0-49), you should aim for 90+ to provide an optimal user experience and maximize SEO benefits.
This site is slower than approximately 35% of similar sites. The main issues affecting performance are image optimization, JavaScript execution time, and layout stability.
Addressing these issues could improve your conversion rate by 15-20% and boost your search engine rankings.
Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
Interaction to Next Paint
Good: < 200ms
Measures how quickly the page responds to user interactions
Cumulative Layout Shift
Good: < 0.1
Measures visual stability - how much content shifts during page load
This Webflow site has poor performance with a score of 42/100 and critical Core Web Vitals issues. The biggest problem is extremely slow image loading, with your Largest Contentful Paint taking 10.7 seconds - nearly 7 seconds slower than Google's recommended threshold. Your site is loading over 5.6MB of unoptimized images, including large PNG files that should be converted to modern formats like WebP, and oversized images that need proper compression. Additionally, there's significant JavaScript blocking (2.8 seconds of execution time) and 31KB of unused CSS slowing down your initial page render, resulting in a painful 16+ second Time to Interactive that will frustrate users and hurt search rankings.
Why It Matters:
85% of your main stylesheet (31KB) is unused, blocking render and delaying first paint by 150ms.
How to Fix:
Use Webflow's built-in CSS optimization by removing unused classes and interactions in the Designer. Audit your style manager for orphaned styles. Consider splitting critical above-the-fold styles into a separate inline block in your page settings.
Why It Matters:
Images without explicit dimensions cause layout shifts when they load, degrading user experience.
How to Fix:
In Webflow Designer, select each image element and set fixed width/height values in the Style panel. For the hero images, add aspect-ratio CSS property via custom code. Use Webflow's responsive settings to maintain proper scaling across breakpoints.
Once your site is optimized, maintain that speed. Use DeployHQ for zero-downtime, automated deployments—so performance fixes and updates go live safely every time, without breaking your site.
Get AI-powered performance insights with actionable fixes in 30 seconds
More Performance Analyses
Images without explicit dimensions cause layout shifts when they load, degrading user experience.
85% of your main stylesheet (31KB) is unused, blocking render and delaying first paint by 150ms.
The hero laptop image has a 4.1 second render delay and lacks priority hints, contributing to a 53.6 second LCP score.
Render-blocking CSS and JavaScript delay First Contentful Paint by 3.9 seconds, preventing users from seeing content quickly.