LCP
Largest Contentful Paint
10.6s
Poor
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
Eliminate Render-Blocking CSS
How to optimize projectpatio.com
Eliminate Render-Blocking CSS
High Impact+18 points estimated
Why It Matters
CSS files are blocking initial render for 630ms and delaying First Contentful Paint significantly.
How to Fix
Split your theme.css (39KB) into critical and non-critical parts. Inline critical CSS directly in the <head> for above-the-fold content. Use Shopify's {{ 'theme.css' | asset_url | stylesheet_tag: preload: true }} to preload remaining CSS. Consider removing unused CSS rules which account for 90% of your theme.css file.
0Needs Improvement
What This Score Means
A score of 63 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
101ms
Good
Good: < 200ms
Measures how quickly the page responds to user interactions
CLS
Cumulative Layout Shift
0.00
Good
Good: < 0.1
Measures visual stability - how much content shifts during page load
AI Performance Analysis
This Shopify site has poor performance with a score of 63/100, primarily due to extremely slow interactivity (13.3 seconds) and a delayed Largest Contentful Paint (10.6 seconds). The biggest problem is render-blocking CSS files that delay page rendering by 630ms, combined with 313 KiB of unused JavaScript from Google Analytics scripts that could save over 2 seconds of load time. The main product image is also oversized and lazily loaded when it should load immediately, plus there's significant unused CSS (44 KiB) that's unnecessarily slowing down the page. Fixing these issues by optimizing CSS delivery, removing unused scripts, properly sizing images, and setting priority loading for key visuals could improve the performance score by 25+ points and dramatically enhance user experience.
Other Optimization Recommendations
Fix LCP Image Loading Issues
High Impact+25 points estimatedWhy It Matters:
The LCP image has lazy loading enabled and missing fetchpriority, causing a 10.6s LCP delay.
How to Fix:
Remove loading='lazy' from the rocker-plate-installation-guide.webp image since it's the LCP element. Add fetchpriority='high' to prioritize this critical image. In your Shopify theme, locate the image template and modify the img tag attributes to ensure above-the-fold images load immediately.
Optimize JavaScript Bundle Size
Medium Impact+12 points estimatedWhy It Matters:
Unused JavaScript totals 313KB with Google Tag Manager scripts contributing 238KB of unused code.
How to Fix:
Implement Google Tag Manager's consent mode to load analytics conditionally. Use gtag's defer loading for non-critical tracking. In your Shopify theme settings, audit which GTM tags are essential for initial page load versus those that can load after user interaction.
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 Hero Image Dimensions
The main content image is 13x larger than needed, wasting 50KB and delaying LCP.
Remove Unused JavaScript Code
205KB of unused JavaScript is delaying LCP by 1.35 seconds and wasting network resources.
Eliminate Render-Blocking CSS Resources
Render-blocking CSS is delaying First Contentful Paint by 830ms and blocking critical page rendering.
Optimize JavaScript Bundle Size
Unused JavaScript totals 313KB with Google Tag Manager scripts contributing 238KB of unused code.