<!doctype html><html lang="en"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Image delivery comparison</title><style>*{box-sizing:border-box}body{margin:0;background:#f2f1eb;color:#252b23;font:16px/1.5 system-ui}main{width:calc(100% - 48px);max-width:1120px;margin:24px auto}h1{font-size:24px;margin:0 0 12px}img{display:block;width:100%;height:auto}p{max-width:65ch}</style><main><h1>Image delivery comparison</h1><img id="hero" src="siv-featured.webp" srcset="siv-featured-480.webp 480w, siv-featured-800.webp 800w, siv-featured.webp 1600w" sizes="(max-width: 1168px) calc(100vw - 48px), 1120px" width="1600" height="900" loading="eager" fetchpriority="high" alt="Soinvogue ecommerce website on a desktop and phone"><p>Isolated test using existing image variants. This is not a before-and-after version of the live website.</p></main><script>window.lcpEntries=[];new PerformanceObserver(l=>l.getEntries().forEach(e=>window.lcpEntries.push({startTime:e.startTime,size:e.size,url:e.url,element:e.element?.id}))).observe({type:'largest-contentful-paint',buffered:true});</script></html>