Add Image Dimensions to Prevent Layout Shifts

How to optimize almivahome.com

Shopify SiteScore: 56/100Analyzed May 2026Re-analyze this site

Add Image Dimensions to Prevent Layout Shifts

Medium Impact+8 points estimated

Why It Matters

Missing width/height attributes on review images cause layout shifts that hurt user experience and CLS score.

How to Fix

Add explicit width and height attributes to all areviewslazy images in your review app template. Set aspect-ratio CSS property as fallback. Configure the reviews app to include proper image dimensions in its output.

0Needs Improvement

What This Score Means

A score of 56 falls in the "Needs Improvement" 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

8.5s
Poor

Good: < 2.5s

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

INP

Interaction to Next Paint

264ms
Needs Improvement

Good: < 200ms

Measures how quickly the page responds to user interactions

CLS

Cumulative Layout Shift

0.01
Good

Good: < 0.1

Measures visual stability - how much content shifts during page load

AI Performance Analysis

This Shopify store has poor performance with a score of 56/100, indicating significant user experience issues. The biggest problem is extremely slow content loading - it takes 6.5 seconds for users to see anything meaningful and 8.5 seconds for the main content to fully appear, which is far too long. The site is being held back by massive unoptimized images (nearly 6MB in savings possible), excessive unused JavaScript code (347KB that could be removed), and render-blocking resources that prevent the page from displaying quickly. Compressing images, removing unused code from extensions, and optimizing the CSS delivery could dramatically improve load times and boost the performance score by 30+ points.

Other Optimization Recommendations

Reduce Unused CSS and JavaScript

High Impact+18 points estimated

Why It Matters:

Unused code blocks rendering for 1.4 seconds and wastes 399 KiB of bandwidth, directly impacting FCP and LCP.

How to Fix:

Remove unused CSS from base.css (84% unused, 43 KiB). Use Shopify's code splitting to load JavaScript conditionally. Audit and remove unused third-party scripts, especially the oversized COD form extension (232 KiB unused).

Optimize Product Images Delivery

High Impact+15 points estimated

Why It Matters:

Unoptimized images consume 6 MB and delay LCP by preventing faster content rendering.

How to Fix:

Compress product images using Shopify's built-in optimization or TinyIMG app. Use appropriate responsive image sizes - current images are 4x larger than needed. Set fetchpriority='high' on the main product image to prioritize LCP element loading.

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