Fix Image Dimension Attributes

How to optimize petslucan.cl

Ruby on Rails SiteScore: 56/100Analyzed January 2026Re-analyze this site

Fix Image Dimension Attributes

Medium Impact+8 points estimated

Why It Matters

Images without explicit dimensions cause layout shifts and degrade user experience during page load.

How to Fix

Replace width='auto' height='auto' with specific pixel dimensions for all slider and product images. Add aspect-ratio CSS property as fallback for responsive behavior. In Rails views, ensure image_tag helpers include width and height parameters based on actual image dimensions.

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

12.0s
Poor

Good: < 2.5s

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

INP

Interaction to Next Paint

114ms
Good

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 Ruby on Rails pet store website has poor performance with a score of 56/100, indicating significant user experience issues. The biggest problem is extremely slow loading times, with pages taking 12 seconds to become interactive and the largest content appearing after 12 seconds - far exceeding Google's recommended 2.5 seconds. The primary culprits are oversized, unoptimized images (particularly a 500KB promotional banner that could be reduced by 75%), render-blocking CSS files that delay initial page display, and a website redirect that adds unnecessary loading time. Fixing these image optimization issues, eliminating the redirect, and streamlining CSS delivery could potentially improve the performance score by 30+ points and dramatically reduce loading times for customers browsing pet products.

Other Optimization Recommendations

Optimize Slider Image Performance

High Impact+25 points estimated

Why It Matters:

The main slider image (483 KiB) severely delays LCP by 2.2 seconds and uses inefficient PNG format.

How to Fix:

Convert the slider PNG to WebP format for 40-60% size reduction. Resize from 1348x400 to display dimensions (721x214) to save 363 KiB. Add fetchpriority='high' to the LCP image element. In Rails, use image_tag with explicit dimensions and modern format variants.

Eliminate Render-Blocking CSS

High Impact+18 points estimated

Why It Matters:

Critical CSS files block initial page render for 3.4 seconds, preventing users from seeing content.

How to Fix:

Inline critical above-the-fold CSS directly in the HTML head. Move non-critical CSS (Bootstrap, FontAwesome) to load asynchronously using preload with onload fallback. In Rails, use asset pipeline to extract critical CSS and implement async loading with javascript_include_tag defer: true.

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 Ruby on Rails Speed Tests

Ruby on Rails Performance Resources

Frequently Asked Questions