LCP
Largest Contentful Paint
3.3s
Needs Improvement
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
Fix Layout Shifts from Images
How to optimize maisongustavia.com
Fix Layout Shifts from Images
High Impact+12 points estimated
Why It Matters
Unsized images cause significant layout shifts (CLS: 0.314) that hurt user experience and search rankings.
How to Fix
Add explicit width and height attributes to all image elements in your Shopify liquid templates. For the main culprit image (design_8.png), modify the template to include width='240' height='240' attributes. Use CSS aspect-ratio property as a fallback for responsive behavior.
0Needs Improvement
What This Score Means
A score of 76 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.
Core Web Vitals Analysis
INP
Interaction to Next Paint
68ms
Good
Good: < 200ms
Measures how quickly the page responds to user interactions
CLS
Cumulative Layout Shift
0.31
Poor
Good: < 0.1
Measures visual stability - how much content shifts during page load
AI Performance Analysis
This Shopify site has moderate performance with a score of 76/100, but faces significant stability issues that hurt user experience. The biggest problem is layout shifts caused by images loading without defined dimensions, creating a jarring experience as content jumps around the page (CLS score of 0.314). The site also suffers from render-blocking CSS files that delay initial page display by 280ms and loads 57KB of unused JavaScript, primarily from Facebook tracking scripts. To improve performance, prioritize adding explicit width and height attributes to images, defer non-critical CSS, and consider reducing third-party scripts to create a smoother, more stable browsing experience.
Other Optimization Recommendations
Eliminate Render Blocking CSS
High Impact+15 points estimatedWhy It Matters:
Critical CSS files delay First Contentful Paint by 300ms, making pages appear slower to users.
How to Fix:
Inline critical CSS for above-the-fold content directly in your Shopify theme's layout files. Use Shopify's liquid tags to defer non-critical stylesheets like component-slideshow.css and component-slider.css with media='print' onload='this.media="all"'. Consider combining smaller CSS files to reduce HTTP requests.
Remove Unused JavaScript Code
Medium Impact+8 points estimatedWhy It Matters:
57KB of unused JavaScript wastes bandwidth and slows page loading, especially on mobile connections.
How to Fix:
Review Facebook Pixel implementation and remove unused event tracking (35KB savings possible). Audit your Shopify apps and remove unnecessary JavaScript from unused features. Use Shopify's Script Tag API to load third-party scripts conditionally based on page requirements.
Keep Your Site Fast After Optimization
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.
Explore DeployHQ →Trusted by engineering teams shipping high-performance sites
Want to Analyze YOUR Website?
Get AI-powered performance insights with actionable fixes in 30 seconds
Related Performance Analyses
More Shopify Speed Tests
Shopify Performance Resources
Optimize Third-Party Script Loading
Heavy third-party scripts like Sentry and Facebook Pixel are blocking the main thread for 5.6 seconds total.
Fix Image Layout Shifts
Unsized images are causing 0.144 CLS score, especially the banner image that shifts the entire header section.
Remove Unused JavaScript Code
1,230 KiB of unused JavaScript is delaying LCP by 600ms and blocking critical rendering paths.
Remove Unused JavaScript Code
57KB of unused JavaScript wastes bandwidth and slows page loading, especially on mobile connections.