Image Optimization Strategy That Improved Portfolio Performance by 94%

The Portfolio Site Was Slow

portfolio.greatpola.com had slow loading and choppy scrolling. Design partner Yuna diagnosed the causes and executed optimizations.

Core Problem: 13MB of PNG Images

Portfolio showcase images were stored as high-resolution PNGs. Mobile devices were downloading unnecessarily large files.

3-Stage Optimization

1. PNG → WebP Conversion (94% Size Reduction)

All images converted to WebP format. A dramatic reduction from 13MB to approximately 800KB.

2. Code Splitting (next/dynamic)

Portfolio below-fold sections lazy-loaded with next/dynamic. Reduced initial bundle size for faster First Contentful Paint.

3. CSS Rendering Optimization

• content-visibility: auto — Skip off-screen layout calculations
• Mobile backdrop-blur reduction — Lower GPU load
• Image alt text SEO improvements

Results

Total 15.9MB saved, dramatically faster perceived loading on mobile. LCP (Largest Contentful Paint) metrics also improved.