Performance for Media-Heavy Pages: Images, Embeds, and Core Web Vitals

The richest pages are often the slowest. Big hero images, galleries, embedded video, third-party widgets — each adds value and weight. On mobile, that weight is the difference between a green Core Web Vitals score and a bounce.

Images first, because they are the worst offender

Modern formats (WebP, AVIF), correct sizing, and lazy loading below the fold do most of the work. An unoptimized hero image is usually the single biggest drag on Largest Contentful Paint. Fix that one thing and the score often jumps.

Embeds are someone else’s performance budget

Every third-party embed loads code you do not control. Chat widgets, social embeds, trackers — they pile up and tank interactivity. Audit what is actually earning its place. A visually rich metaverse news section can stay fast if its media is disciplined and its scripts are not.

Measure on a real phone

Desktop scores lie. Test on a mid-range mobile device on a throttled connection — that is closer to your actual audience than the fast laptop you build on.

Rich and fast are not opposites. They just require you to spend your performance budget on purpose instead of by accident.