Optimize Mary Poppins Image

How to optimize johnhenry.ie

Generic SiteScore: 98/100Analyzed January 2026

Optimize Mary Poppins Image

Medium Impact+1 point estimated

Why It Matters

The featured image wastes 170KB through inefficient format and oversized dimensions.

How to Fix

Convert the PNG to WebP format to reduce size by ~149KB. Resize the source image from 365x484 to match display size of 192x255. Implement responsive images with srcset to serve appropriate sizes for different screen densities and viewports.

0Good

What This Score Means

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

2.1s
Good

Good: < 2.5s

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

INP

Interaction to Next Paint

42ms
Good

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 website achieves an excellent performance score of 98/100, indicating very fast loading times for users. The biggest opportunity for improvement is optimizing image delivery, particularly a "Mary Poppins" image that could save 167 KB by converting to modern formats like WebP and properly sizing it for display (currently 365x484 pixels but shown at 192x255). Additionally, render-blocking CSS is delaying the initial page display by an estimated 590 milliseconds, which could be improved by inlining critical styles or deferring non-essential CSS. Despite these minor optimizations, the site is already performing exceptionally well and any improvements would provide only marginal gains.

Other Optimization Recommendations

Eliminate Render Blocking CSS

High Impact+2 points estimated

Why It Matters:

The CSS file blocks initial page render and delays both LCP and FCP by 600ms.

How to Fix:

Inline critical CSS directly in the HTML head for above-the-fold content. Load non-critical CSS asynchronously using media='print' onload='this.media="all"' or defer it with JavaScript. Consider splitting your CSS bundle to separate critical and non-critical styles.

Optimize Font Loading Chain

Medium Impact+1 point estimated

Why It Matters:

The Open Sans font creates a 3-level network dependency chain that extends critical path timing.

How to Fix:

Add <link rel='preload' href='open-sans-latin-wght-normal-CWNzRldh.woff2' as='font' type='font/woff2' crossorigin> to the HTML head. Consider self-hosting the font or using font-display: swap to improve perceived performance during font load.

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

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