Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
How to optimize zodiaconline.com
Critical CSS files are blocking first paint for 320ms and delaying content visibility.
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.
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.
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 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.
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.
Why 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.
Get AI-powered performance insights with actionable fixes in 30 seconds
More Shopify Speed Tests
Poor cache lifetimes for Facebook scripts and third-party resources waste 571KB on repeat visits.
Multiple 4MB+ videos and oversized Instagram images create 24MB total payload severely impacting LCP and load times.
Render-blocking CSS and unused JavaScript delay first paint by over 20 seconds and cause massive blocking time.
6.7MB of unoptimized images delay LCP by 150ms and waste significant bandwidth.
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.