Fix Unsized Image Layout Shifts

How to optimize philomanus.com

Generic SiteScore: 93/100Analyzed May 2026Re-analyze this site

Fix Unsized Image Layout Shifts

High Impact+3 points estimated

Why It Matters

Unsized SVG images are causing 0.159 CLS score by shifting content during load.

How to Fix

Add explicit width attributes to the footer logo and navigation logo SVG images. Set width='137' for footer logo and width='165' for navigation logo to match their computed dimensions. This prevents layout shifts when images load.

0Good

What This Score Means

A score of 93 falls in the "Good" 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

1.1s
Good

Good: < 2.5s

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

INP

Interaction to Next Paint

29ms
Good

Good: < 200ms

Measures how quickly the page responds to user interactions

CLS

Cumulative Layout Shift

0.16
Needs Improvement

Good: < 0.1

Measures visual stability - how much content shifts during page load

AI Performance Analysis

This website has excellent performance with a score of 93/100, indicating fast loading for most users. The biggest issue affecting user experience is layout shift (CLS score of 0.159), primarily caused by images in the footer and navigation that lack explicit width dimensions, causing content to jump around as the page loads. Setting proper width and height attributes on these SVG logo images would eliminate most layout shifts and create a smoother loading experience. Additional improvements could include adding better caching for font files (saving 66KB on repeat visits) and applying fetchpriority="high" to the main logo image to optimize loading speed.

Other Optimization Recommendations

Add LCP Image Priority Hint

Medium Impact+2 points estimated

Why It Matters:

The hero logo image lacks fetchpriority='high' which could improve LCP timing.

How to Fix:

Add fetchpriority='high' attribute to the hero section logo image at 'section#hero > div.hero__logo-stage > div.hero__logo-group > img.hero__logo-mark'. This tells the browser to prioritize loading this LCP element over other resources.

Implement Font File Caching

Medium Impact+1 point estimated

Why It Matters:

Font files totaling 66KB have no cache headers, forcing re-downloads on repeat visits.

How to Fix:

Configure your web server to set Cache-Control headers for font files with 'max-age=31536000' (1 year). Add .htaccess rules for Apache or server block rules for Nginx to cache .woff2 files. This eliminates 66KB of unnecessary downloads for returning users.

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 Generic Speed Tests

Generic Performance Resources

Frequently Asked Questions