Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
How to optimize projectpatio.com
Missing image dimensions cause layout shifts and the main image is 4x larger than needed, wasting 50KB.
Add explicit width='378' height='131' attributes to your rocker-plate-installation-guide.webp image in the template file. In Shopify admin, replace the 1420x491px image with a properly sized 378x131px version using Shopify's image transformation URL parameters (?width=378&height=131) or upload a correctly sized image.
A score of 79 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 Shopify site has decent but improvable performance with a score of 79/100. The biggest problem is excessive unused JavaScript from Google Analytics tracking scripts, which is wasting 309 KB of data and delaying page interactivity to a sluggish 13 seconds. The site also suffers from render-blocking CSS files and an oversized image that's loading at 4x its display size, contributing to a slow 5.3-second Largest Contentful Paint. Removing unused JavaScript, optimizing the installation guide image, and deferring non-critical CSS could easily boost the score above 90 and dramatically improve user experience.
Why It Matters:
309KB of unused JavaScript is delaying LCP by 750ms, primarily from Google Analytics scripts.
How to Fix:
In your Shopify admin, go to Settings > Analytics and review your Google Analytics implementation. Consider using gtag4 instead of multiple gtag instances. Move Google Analytics to load asynchronously after page load using Shopify's Script Tag API or defer the scripts in your theme's layout/theme.liquid file.
Why It Matters:
33KB of unused CSS and render-blocking stylesheets are delaying FCP by 300ms.
How to Fix:
In your theme editor, inline critical above-the-fold CSS directly in theme.liquid header. Move non-critical CSS (90% of theme.css) to load asynchronously using media='print' onload technique. Use Shopify's CSS minification or apps like TinyIMG to remove unused CSS rules from your theme files.
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 Shopify Speed Tests
Images can be reduced by 387KB through better compression, improving load times without quality loss.
Critical CSS files delay First Contentful Paint by 850ms, preventing users from seeing content quickly.
JavaScript execution takes 1.8 seconds and blocks the main thread for 5.1 seconds, severely impacting user interactivity.
Missing preconnect hints to essential-cart-publisher.essential-apps.com waste 304ms on connection setup during critical rendering.