Fix LCP Image Loading Issues

How to optimize petmartopia.com

Shopify SiteScore: 49/100Analyzed February 2026

Fix LCP Image Loading Issues

High Impact+25 points estimated

Why It Matters

Your LCP image takes 23.1 seconds to load due to lazy loading and missing priority hints, severely impacting user experience.

How to Fix

Remove loading='lazy' from the hero banner image in your Shopify slideshow component. Add fetchpriority='high' attribute to the LCP image. Preload the hero image using <link rel='preload' as='image' href='...'> in the theme.liquid head section.

0Poor

What This Score Means

A score of 49 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

LCP

Largest Contentful Paint

23.1s
Poor

Good: < 2.5s

Measures how long it takes for the main content to appear on screen

INP

Interaction to Next Paint

241ms
Needs Improvement

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 pet store has severe performance issues with a score of 49/100. The biggest problem is an extremely slow Largest Contentful Paint of 23.1 seconds, caused primarily by a lazy-loaded banner image that should load immediately and JavaScript blocking the main thread for 3.4 seconds. The site is loading 4.8 MB of resources with 435 KB of unused JavaScript and poorly optimized images that could save 418 KB. Removing lazy loading from the main banner, adding fetchpriority="high" to it, reducing JavaScript execution time, and properly sizing images could dramatically improve load times and user experience.

Other Optimization Recommendations

Reduce JavaScript Bundle Sizes

High Impact+18 points estimated

Why It Matters:

Unused JavaScript costs 435 KiB and blocks rendering for 1.3 seconds, delaying First Contentful Paint and interactivity.

How to Fix:

Remove or defer the Shopify Chat widget if not essential (136 KiB unused). Split Google Analytics scripts to load after page interactive. Use Shopify's Script Tag API to conditionally load heavy scripts only when needed.

Optimize Product Images Delivery

Medium Impact+8 points estimated

Why It Matters:

Product images are oversized and uncompressed, wasting 418 KiB of bandwidth and slowing page load.

How to Fix:

Use Shopify's responsive image system with proper srcset dimensions matching display sizes. Enable Shopify's automatic WebP conversion in Settings > Files. Compress existing images using Shopify's TinyIMG app or similar optimization tool.

Want to Analyze YOUR Website?

Get AI-powered performance insights with actionable fixes in 30 seconds

More Shopify Speed Tests

Shopify Performance Resources

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