Slik får du YouTube-embedinger til å gli uten å ødelegge nettsiden din

La meg være direkte: en nettside uten video føles ufullstendig i 2024. Produktdemonstrasjoner, kundeomtaler, tutorials — alt dette fungerer best med bevegelige bilder.

Men her er greia: måten du legger inn videoen på, har mye større betydning enn de fleste tutorials vil fortelle deg.

##Ytelsesproblemene som tynger nettsiden din

Hver gang en besøkende laster en side med innebygd YouTube-video, laster nettstedet ditt hele YouTubes spiller-infrastruktur. Det skjer uansett om brukeren faktisk spiller av videoen eller ikke.

Konsekvensen? Du kan ende opp med 500KB til 1MB med unødvendig JavaScript. På mobile tilkoblinger merkes dette tydelig.

Løsningen: Lazy loading med facader

Her er trikset: i stedet for å laste inn hele YouTube-spilleren med én gang, viser du et bilde som ser ut som videoavspilleren. Den faktiske YouTube-innebyggingen lastes først når noen klikker på play.

Denne enkle teknikken kan kutte lastetiden med flere sekunder.

Slik implementerer du det:

<div class="video-facade" data-video-id="DIN_VIDEO_ID">
  <img src="https://img.youtube.com/vi/DIN_VIDEO_ID/maxresdefault.jpg" 
       alt="Video thumbnail">
  <button class="play-button">▶</button>
</div>

Deretter legger du til JavaScript som bytter ut bildet med en ekte iframe ved klikk.

Personvern og sikkerhet

Driver du en bedriftsnettside? Bruk alltid YouTubes nocookie-domene:

<iframe src="https://www.youtube-nocookie.com/embed/VIDEO_ID" 
        frameborder="0" 
        allowfullscreen>
</iframe>

Dette sikrer at YouTube ikke plasserer informasjonskapsler i brukernes nettlesere før de aktivt samhandler med videoen. Du holder deg GDPR-kompatibel, og brukerne dine setter pris på det.

Pro-tips for embed-strategien din

For det første: Oppgi alltid eksplisitte dimensjoner eller bruk aspect ratio-containere. Ingenting ødelegger et pent layout raskere enn en video som flytter på seg mens siden laster.

For det andre: Skru på personvernforbedret modus for alle sider som retter seg mot europeiske besøkende. Dette er ikke bare god praksis — i enkelte jurisdiksjoner er det påkrevd.

For det tredje: Vurder å laste opp kritiske videoer selv hvis hver millisekund teller. YouTubes CDN er utmerket, men egen hosting gir deg full kontroll.

Når YouTube funker — og når det ikke gjør det

YouTube-embedinger er perfekte for markedsføringsinnhold, tutorials og video der synlighet betyr noe. YouTubes algoritme kan nemlig vise innholdet ditt til nye målgrupper.

Men trenger du innhold bak en påloggingsvegg, offline tilgang eller full kontroll over merkevaren? Da bør du vurdere dedikert videohosting.

Hos NameOcean har vi sett utallige startups øke konverteringsratene sine ved å legge til strategisk videoinnhold på landingssidene sine. Nøkkelen er å gjøre det gjennomtenkt — ikke bare kaste inn embeds overalt.

Din nettside, dine regler. Bare sørg for at videoene dine jobber for deg, ikke mot lastetidene dine.

Avsluttende tanker

Video-embedding er en av de oppgavene der «enkelt å gjøre, enkelt å gjøre feil» virkelig stemmer. Det skiller amatørsider fra profesjonelle produkter.

Bruk de extra femten minuttene på å implementere lazy loading og personvernforbedrede innebygginger. Brukerne dine — og Google PageSpeed-poengsummen din — vil sette pris på det.