The hidden cost of "free" video embedding
You spent weeks building your marketing site. Optimized images, minified CSS, picked a fast host. Then you dropped in a YouTube embed and undid half of it.
That single <iframe> tag triggers a cascade: YouTube's player JavaScript, tracking scripts, thumbnail requests, ad framework, and Google's analytics. Before your visitor sees a single frame of video, the browser has downloaded 1.3MB of additional resources and made 15+ network requests.
For a platform that exists to serve video, YouTube is remarkably bad at serving video embeds efficiently.
What this does to your Core Web Vitals
Google measures three Core Web Vitals that directly affect your search rankings:
- Largest Contentful Paint (LCP) - YouTube embeds delay the largest visible element from rendering quickly
- Interaction to Next Paint (INP) - All that JavaScript competes with your page's interactive elements
- Cumulative Layout Shift (CLS) - Without proper sizing, embeds cause visible layout jumps
We tested 50 marketing sites that use YouTube embeds. The average Lighthouse performance score dropped 22 points from the embed alone. On mobile, it was even worse: 31 points.
The "lite embed" workaround doesn't solve it
You've probably seen the advice: use a facade pattern. Show a thumbnail, then load the YouTube player when someone clicks. Libraries like lite-youtube-embed do this.
It's better than a raw embed, but it has problems:
- You still load YouTube's full player when someone clicks play
- The video player looks like YouTube, not your brand
- You have zero control over what happens after the video plays (related videos, ads)
- No analytics beyond basic view counts
The fastest YouTube embed is still slower than a purpose-built video player that was designed to be embedded.
What custom video hosting actually changes
A purpose-built embed like SuperMoo loads differently from the ground up:
Lightweight player
The entire SuperMoo player is under 50KB. That's the player code, controls, and everything needed to start playback. Compare that to YouTube's 1.3MB.
Adaptive streaming
SuperMoo uses HLS streaming with automatic quality adjustment. The video starts playing immediately at the best quality for the viewer's connection. No buffering spinner, no waiting.
Global CDN
Videos are served from edge nodes close to your visitors, using the same CDN infrastructure that Netflix and Spotify rely on. The data doesn't need to travel far.
Real numbers from real sites
We tracked the impact across 30 sites that switched from YouTube embeds to SuperMoo over the past quarter:
- Average page weight reduction: 1.1MB per embed
- LCP improvement: 1.8 seconds faster on average
- Lighthouse score increase: +24 points (average)
- Time to first play: 0.4 seconds vs. 2.1 seconds (YouTube)
The performance gains compound when you have multiple videos on a page. One site with 6 video embeds dropped their total page weight from 9.2MB to 1.4MB.
Making the switch
Moving from YouTube to custom hosting doesn't mean re-uploading your entire video library. SuperMoo accepts any video format, handles the transcoding, and gives you an embed code that drops into any site builder, CMS, or custom code.
The embed code is a single <script> tag. No iframes, no third-party cookies, no surprise JavaScript bundles loading in the background.
Your videos. Your brand. Your page speed. That's the point.