How can you reduce the weight of the YouTube video player to improve your website’s performance?
In this tutorial, Sandro, cofounder of the Webflow SEO agency Gemeos, shows you how to reduce the weight of the YouTube video player to improve your website’s performance.
Why reduce the weight of the YouTube player?
- Faster load times: A lighter video player lets videos load faster, which improves the user experience by reducing wait times.
- Bandwidth usage: Lighter video players use less bandwidth, which is helpful for users with limited or expensive internet connections.
- SEO optimization: Websites with faster load times tend to rank better in search engine results, which can help improve online visibility (SEO).
- Cross-platform compatibility: Lighter video players are often better supported across a wider range of devices and browsers, which ensures a consistent experience for all users.
Example: 4 videos embedded via iframe will load 2.8 MB of data on the first load. With this code, you can cut that down to 170 KB
How does it work?
1. Add this script to the <head> of your page
2. Add an embed where you want your video to appear
This can be inside a div, a container, or even a section. The video will take the width of its parent element
Just make sure to replace the video ID with your own video ID ✌🏼
3. All that’s left is to publish and test the result
Good to know
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
