Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
How to optimize yogableshop.com
Two large video files (14MB total) are blocking page load and causing the massive 17.6MB payload that destroys LCP performance.
Compress the HD videos to lower bitrates (1-2Mbps instead of 7.2Mbps) or replace with optimized poster images that load the video on user interaction. Use Shopify's video compression tools or external services like Cloudinary. Consider using WebM format for better compression.
A score of 38 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 Shopify store has poor performance with a critically low score of 38/100, primarily due to enormous video files that are severely slowing down the site. The biggest issue is the massive 17MB page payload, dominated by two large HD videos (7.8MB and 6.3MB) that are loading immediately when users visit the homepage, causing the page to take 11.4 seconds to fully load its main content. Additionally, the site has 310KB of unused JavaScript from Google Analytics and Facebook tracking scripts, plus significant layout shifts from JavaScript execution that blocks user interactions for over 1.5 seconds. Optimizing or lazy-loading those hero videos, removing unused code, and implementing better caching could dramatically improve performance and user experience.
Why It Matters:
Over 317KB of unused JavaScript and 19KB of unused CSS are delaying LCP by 700ms and blocking the main thread.
How to Fix:
Remove the unused HulkApps form builder CSS (19KB, 100% unused). Audit Google Tag Manager and Facebook Pixel implementations to remove unused features. Use Shopify's Script Tag API to load analytics scripts after page interactive instead of blocking initial render.
Why It Matters:
Forced layout reflows are blocking the main thread for 1.5 seconds, preventing user interactions and destroying the user experience.
How to Fix:
Optimize the scripts.js file that's causing 665ms of reflow time by batching DOM reads/writes. Move Splide carousel initialization to after page load. Use CSS transforms instead of changing layout properties in your custom.js animations.
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
Forced layout reflows are blocking the main thread for 1.5 seconds, preventing user interactions and destroying the user experience.
Over 317KB of unused JavaScript and 19KB of unused CSS are delaying LCP by 700ms and blocking the main thread.
Brand logos and product images lack explicit width/height attributes, causing layout shifts that hurt CLS scores.
JavaScript execution time of 3.3 seconds is blocking the main thread and causing 920ms Total Blocking Time.