Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
How to optimize clientflowatl.com
Images waste 385KB of bandwidth and could improve LCP by 800ms with proper optimization.
Convert the 1600x500 brand logo PNG to WebP format and resize to actual display dimensions (225x70). Use Nuxt's built-in image optimization with @nuxt/image module. Configure automatic WebP conversion and responsive sizing in nuxt.config.js.
A score of 50 falls in the "Needs Improvement" 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 Nuxt/Vue website has poor performance with a concerning score of 50/100, primarily due to severely slow loading times. The biggest issue is an extremely delayed Largest Contentful Paint of 11.1 seconds, caused by oversized, unoptimized images that lack proper dimensions and are set to lazy load when they should load immediately. The site is also suffering from a massive 5MB total page weight, with one background image alone consuming 3.6MB, plus render-blocking CSS that delays the initial page display by 420ms. Optimizing images by compressing them, using modern formats like WebP, setting explicit dimensions, and removing lazy loading from above-the-fold content could dramatically improve load times and boost the performance score by 30+ points.
Why It Matters:
The LCP image takes 11.1 seconds to load and is lazy-loaded, significantly delaying page render.
How to Fix:
Remove loading='lazy' from the main hero image and add fetchpriority='high' attribute. In Nuxt, use <NuxtImg> component with priority prop. Add explicit width and height attributes to prevent layout shifts during load.
Why It Matters:
Unsized images cause 0.154 CLS score, creating jarring content jumps during page load.
How to Fix:
Add explicit width and height attributes to all img elements, especially the hero image causing 0.096 layout shift. In Vue components, use aspect-ratio CSS property for responsive images. Reserve space for dynamic content with CSS min-height properties.
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 Nuxt Speed Tests
Unsized images cause 0.154 CLS score, creating jarring content jumps during page load.
The LCP image takes 11.1 seconds to load and is lazy-loaded, significantly delaying page render.
LCP is delayed by 2.55 seconds due to resource load delays, making the page feel unresponsive.
795KB of unused JavaScript and 90KB of unused CSS waste bandwidth and slow down parsing.