LCP
Largest Contentful Paint
4.8s
Poor
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
Fix Unsized Video Element
How to optimize zodiaconline.com
Shopify SiteScore: 46/100Analyzed February 2026
Fix Unsized Video Element
High Impact+25 points estimated
Why It Matters
Your video hero element causes a 0.36 CLS score by shifting content as it loads, severely impacting user experience.
How to Fix
Add explicit width and height attributes to the mobile video element in your Shopify theme. Set CSS aspect-ratio property to maintain proportions. Use min-height on the video container to reserve space before loading.
0Poor
What This Score Means
A score of 46 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.
Core Web Vitals Analysis
INP
Interaction to Next Paint
173ms
Good
Good: < 200ms
Measures how quickly the page responds to user interactions
CLS
Cumulative Layout Shift
0.37
Poor
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 46/100, indicating significant issues that need immediate attention. The biggest problem is an extremely slow Time to Interactive of 35.9 seconds, primarily caused by render-blocking CSS files and excessive JavaScript execution time (2.2 seconds). The site also suffers from major layout shifts (CLS score of 0.369) due to an unsized video element that causes content to jump around as it loads. Optimizing CSS delivery, reducing JavaScript payloads, and properly sizing media elements could dramatically improve loading speeds and user experience, potentially boosting the performance score by 30+ points.
Other Optimization Recommendations
Optimize Render-Blocking CSS
High Impact+15 points estimatedWhy It Matters:
Critical CSS files are blocking first paint for 320ms and delaying content visibility.
How to Fix:
In your Shopify theme, inline critical CSS for above-the-fold content in the <head>. Move non-critical CSS like swiper-bundle.css and section-main-page.css to load asynchronously using media='print' onload='this.media="all"'. Combine and minify remaining CSS files.
Reduce JavaScript Execution Time
Medium Impact+8 points estimatedWhy It Matters:
JavaScript execution takes 2.2 seconds, blocking user interactions and causing poor responsiveness.
How to Fix:
Remove unused JavaScript from Clarity tracking and Breeze SDK (74% unused code detected). Defer non-critical scripts using async/defer attributes in your Shopify theme. Consider replacing heavy libraries with lighter alternatives or loading them conditionally.
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
Implement Efficient Caching Strategy
Poor cache lifetimes for Facebook scripts and third-party resources waste 571KB on repeat visits.
Compress Video and Image Assets
Multiple 4MB+ videos and oversized Instagram images create 24MB total payload severely impacting LCP and load times.
Optimize Critical Resource Loading
Render-blocking CSS and unused JavaScript delay first paint by over 20 seconds and cause massive blocking time.
Optimize Instagram Images and Videos
6.7MB of unoptimized images delay LCP by 150ms and waste significant bandwidth.
Frequently Asked Questions
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