U bent hier

[WEBSITE BOUWEN] - Sneller laden YouTube embedded video's

Door egbert op zo, 09/03/2017 - 08:04

De YouTube embed is een stukje code die je kunt kopiëren vanaf YouTube en vervolgens kunt plakken in de html code van je web pagina. Dat ziet er dan ongeveer zo uit:
<iframe width="450" height="253" src="https://www.youtube.com/embed/%hier staat de id van de video" frameborder="0" allowfullscreen="">

Het embedden van YouTube video's op je website is leuk natuurlijk maar het pleegt wel een aanslag op het gewicht van je web pagina.

Hoe groot is een YouTube embed op je pagina?

Om een video te embedden worden de volgende items geladen:
base.js omvang: 415KB
www-embed-player.js omvang: 30.7KB
remote.js omvang: 9.3KB
Opgeteld: 455KB

Maak je pagina lichter met youtube.js

  1. Kopiër de JavaScript code en maak je eigen youtube.js en bewaar die ergens op je site
    youtube.js
  2. Maak in je pagina een de volgende constructie aan:
    <div class="youtube-container">
    <div class="youtube" id="HIER-KOMT-DE-VIDEO-ID" style="width: 450px; height: 253px;"> </div>
    </div>

Wat is de winst?

Nadeel

Op tablet/mobile moet je 1x extra klikken / touchen om de video af te spelen.

Tags:

Laatste foto's