Click-to-Load: Drastically Improving Core Web Vitals on Video-Heavy Pages
Third-party video players like YouTube and Vimeo inject over 1MB of JavaScript on page load. Learn how responsive facades restore 95+ PageSpeed scores.
On this page
The Hidden Cost of Video Embeds
Standard YouTube and Vimeo iframe embeds look harmless in the editor, but they wreak havoc on Core Web Vitals. A single embedded iframe pulls down over 1.2MB of uncompressed JavaScript, establishes multiple external DNS handshakes, and causes massive thread blocking during initial page rendering.
The Facade Pattern
A facade displays a lightweight WebP poster image and an SVG play icon that perfectly mimics the video player. No external scripts are downloaded, no iframes are created, and zero CPU cycles are wasted while the user is simply reading the page.
Dynamic Player Hydration
When the user clicks the play button, JavaScript intercepts the event, constructs the iframe with autoplay=1, and replaces the poster. The user experience is instantaneous, while your mobile PageSpeed score jumps from 42 to 99.
