Optimize Image Delivery Format

How to optimize zshn25.github.io

Generic SiteScore: 47/100Analyzed April 2026Re-analyze this site

Optimize Image Delivery Format

Medium Impact+8 points estimated

Why It Matters

Converting the 136KB GIF to video format saves 66KB and improves perceived performance.

How to Fix

Replace the vision_transformer.gif with MP4 or WebM video formats for 50% size reduction. Use the HTML video element with autoplay, loop, and muted attributes. Compress remaining WebP images further using tools like Squoosh or ImageOptim to reduce file sizes by 30-50%.

0Poor

What This Score Means

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

5.8s
Poor

Good: < 2.5s

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

INP

Interaction to Next Paint

41ms
Good

Good: < 200ms

Measures how quickly the page responds to user interactions

CLS

Cumulative Layout Shift

1.00
Poor

Good: < 0.1

Measures visual stability - how much content shifts during page load

AI Performance Analysis

This website has poor performance with a score of 47/100, indicating significant user experience issues. The biggest problem is extremely slow content loading, with the Largest Contentful Paint taking 5.8 seconds and severe layout shifts causing a CLS score of 1.0, both well beyond acceptable limits. The site is also wasting nearly 1MB of bandwidth due to inefficient caching (particularly for fonts and images) and loading 98% unused CSS from FontAwesome. Converting the large GIF to video format, implementing proper browser caching, removing unused CSS, and fixing layout stability issues could dramatically improve performance and user experience by several seconds.

Other Optimization Recommendations

Implement Long-Term Caching Headers

High Impact+25 points estimated

Why It Matters:

Poor caching wastes 949 KiB and delays LCP by 3.6 seconds on repeat visits.

How to Fix:

Configure your web server to set cache-control headers for static assets to 1 year (31536000 seconds). Add versioning to filenames for cache busting when updates occur. Set expires headers for fonts, images, and CSS to leverage browser caching effectively.

Fix Layout Shift Issues

High Impact+20 points estimated

Why It Matters:

A CLS score of 1.0 creates jarring user experience and severely impacts Core Web Vitals.

How to Fix:

Add explicit dimensions to all images using width and height attributes. Remove or optimize the forced reflow in main.js at line 135 by batching DOM reads and writes. Reserve space for dynamic content with CSS min-height properties to prevent content jumping.

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