Fix Image Layout Shifts

How to optimize smallflower.com

Shopify SiteScore: 26/100Analyzed March 2026Re-analyze this site

Fix Image Layout Shifts

High Impact+15 points estimated

Why It Matters

Unsized images are causing 0.144 CLS score, especially the banner image that shifts the entire header section.

How to Fix

Add explicit width and height attributes to the banner image in section-image-banner.liquid template. Set aspect-ratio CSS property for responsive images. Preload critical above-the-fold images using Shopify's image_url filter with priority='high'.

0Poor

What This Score Means

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

7.4s
Poor

Good: < 2.5s

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

INP

Interaction to Next Paint

548ms
Poor

Good: < 200ms

Measures how quickly the page responds to user interactions

CLS

Cumulative Layout Shift

0.14
Needs Improvement

Good: < 0.1

Measures visual stability - how much content shifts during page load

AI Performance Analysis

This Shopify site has severe performance issues with a score of only 26/100. The biggest problem is excessive unused JavaScript code, which is wasting 1.2MB of data and slowing down page loading by 600 milliseconds. Third-party apps like Yotpo reviews, accessibility widgets, and tracking scripts are loading massive amounts of unnecessary code that's not being used. Removing or optimizing these scripts, along with fixing the unsized images that are causing layout shifts, could dramatically improve your Core Web Vitals and potentially double your performance score.

Other Optimization Recommendations

Remove Unused JavaScript Code

High Impact+25 points estimated

Why It Matters:

1,230 KiB of unused JavaScript is delaying LCP by 600ms and blocking critical rendering paths.

How to Fix:

Use Shopify's Script Tag API to conditionally load Yotpo, AccessiBe, and FastBundle scripts only where needed. Remove unused features from third-party apps through their admin panels. Enable code splitting in your theme's build process to load only required JavaScript per page.

Optimize Third-Party Script Loading

High Impact+20 points estimated

Why It Matters:

Heavy third-party scripts like Sentry and Facebook Pixel are blocking the main thread for 5.6 seconds total.

How to Fix:

Move Sentry script to load after page interactive using defer attribute. Implement Facebook Pixel using Shopify's Customer Events API instead of direct fbevents.js. Use Shopify's Web Pixels API for other tracking scripts to load them asynchronously.

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

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