YouTube embeds are heavy and it’s fixable

Overall concerns about YouTube embeds

  • Standard YouTube iframes are ~1.3 MB each, and multiple embeds scale linearly because resources aren’t effectively shared between instances.
  • A “lite” web component can reduce this to roughly thumbnail size (~100–150 KB) plus a small JS wrapper, with most of the weight being the image.
  • Cross-site resource caching is now partitioned in major browsers to prevent tracking, so shared caching across different domains largely no longer works.

Proposed technical workarounds

  • “Click-to-load” patterns: show a thumbnail (or simple placeholder) that swaps in the real iframe on click, reducing initial page weight and tracking.
  • Users share uBlock Origin rules, user scripts, and MutationObserver-based scripts to replace iframes with links or thumbnails and only load players on demand.
  • Some forum platforms proxy thumbnails and only load YouTube on click, both for performance and privacy.
  • Content Security Policy can be used to allow only core YouTube/video domains and implicitly block many ad/tracking resources.

Debate on engagement vs performance

  • There’s a claim that lighter official embeds reduced engagement; many find this counterintuitive and suspect missing features or UI differences matter more than raw weight.
  • Some argue YouTube optimizes for click-to-playback latency and global watch time, not host-site performance.
  • Others counter that any delay after an explicit click is acceptable, especially when most visitors never play the video at all.

UX, privacy, and ecosystem critiques

  • Many dislike embedded players: poor mobile UX, distractions, missing watch-later / “open on YouTube” affordances in lite variants, or double-click-to-play issues.
  • Several prefer static images linking to YouTube, external players (e.g., via yt-dlp), or outright replacing embeds with plain links.
  • There is concern about unnecessary tracking: even thumbnails from YouTube can leak user IPs unless proxied.

Alternatives and broader bloat

  • Some advocate self-hosting video with the HTML5 <video> tag; others point out the operational burden: encoding multiple resolutions, adaptive streaming, DRM, and bandwidth/CDN costs.
  • Similar complaints apply to other heavy embeds (GitHub Gist, SoundCloud).
  • A few note that the energy cost of extra megabytes is small per user, but at YouTube’s scale even small inefficiencies can add up.