Met de YouTube Pagespeed-friendly widget kun je eenvoudig een YouTube-video toevoegen zonder dat dit direct impact heeft op de laadsnelheid van je pagina. In plaats van de volledige YouTube embed wordt er eerst een thumbnail geladen, en pas wanneer een bezoeker op de video klikt wordt de YouTube-player gestart. Dit zorgt voor betere prestaties en een snellere pagina.
Beschikbare opties en toelichting:
- YouTube code:
Kopieer de code uit de YouTube-link ná het = teken.
Voorbeeld: bij de link https://www.youtube.com/watch?v=E0tCe9TFDUA is de code E0tCe9TFDUA. - Thumbnail:
Bepaal welke thumbnail als voorvertoning van de video wordt gebruikt:Automatisch van YouTube: Maximale resolutie – Haalt automatisch de hoogst beschikbare kwaliteit van de thumbnail op.
Automatisch van YouTube: Standaard resolutie – Laadt de standaard thumbnail van YouTube (iets lichter, minder groot bestand).
Handmatig: eigen afbeelding uploaden – Gebruik een eigen afbeelding als thumbnail.
Wanneer je deze optie kiest, verschijnt een uploadveld: Zelf een thumbnail instellen, waar je je afbeelding kunt uploaden.
- CSS classes:
Met deze optie kun je specifieke CSS classes aan de afbeelding toevoegen voor maatwerk styling. Dit geeft je de mogelijkheid om aangepaste stijlen toe te passen via "Website uiterlijk > CSS aanpassen" in de backoffice, waardoor je de afbeelding verder kunt aanpassen aan je ontwerpbehoeften.