Guider 11. april 2026

Gjør video nettstedet tregere?

Se hvordan videowidgeter kan påvirke sidehastighet og Core Web Vitals, og hvordan du tester den faktiske virkningen på nettstedet ditt.

Gjør video nettstedet tregere?

Kort oppsummert

  • En stor video som starter automatisk, kan belaste sidens viktigste ytelsesmålinger. Den faktiske virkningen må måles på den aktuelle siden.
  • En videoboble kan lastes uten å blokkere den første visningen, men det garanterer ikke at Core Web Vitals forblir uendret.
  • Lag et kort budskap som forklarer hvem du er, hva du hjelper med, og hva den besøkende bør gjøre videre.

Gjør video nettstedet tregere?

Det avhenger av hvordan videoen lastes og vises.

Illustrasjon av video og måling av sidehastighet

En stor bakgrunnsvideo som starter automatisk, kan påvirke Core Web Vitals og bruke mye data. En videoboble kan derimot lastes etter det viktigste sideinnholdet. Den nøyaktige filstørrelsen og virkningen avhenger av integrasjonen, videofilen og enheten som brukes.

Forskjellen ligger først og fremst i gjennomføringen.

Ytelsesproblemer kan oppstå når video eller skript blokkerer gjengivelsen, opptar hovedtråden eller flytter innhold etter at siden er vist. At et skript bruker async eller defer kan redusere blokkering under innlasting, men er bare én del av løsningen. Ressursprioritering, serverrespons, filstørrelse, plassholdere og tredjepartskode påvirker også LCP, INP og CLS. Kontroller derfor den ferdige siden med reelle målinger.

Målinger er mer nyttige enn generelle påstander.

Det finnes ikke dokumenterte universelle tall for hvor mange millisekunder en videowidget legger til på datamaskin eller mobil. Virkningen kan være liten når skriptet er lett og videoen lastes senere, men kan bli større på svake enheter og langsomme forbindelser. Tunge innebygde videospillere kan også laste ekstra skript og sporing. Sammenlign siden før og etter med samme testforhold.

Videofilens størrelse er fortsatt viktig.

Komprimer videoen til den faktiske størrelsen den skal vises i, og bruk formater som nettleserne støtter. En svært høy oppløsning er sjelden nødvendig i en liten videoboble. Det finnes ingen universell grense på fem megabyte eller én riktig oppløsning. Velg kvalitet, varighet og bildefrekvens etter målgruppen, og test særlig på mobil og langsommere forbindelser.

Påvirker widgeten faktisk målingene for sidehastighet?

En videoboble kan bygges slik at den ikke blokkerer den første gjengivelsen. Det betyr likevel ikke at påvirkningen på Core Web Vitals automatisk er null.

Prosess for å laste en videowidget uten å blokkere viktig innhold

CompleteGreet kan lastes med async og defer, slik at nettleseren fortsetter å behandle siden mens skriptet hentes. Andre ressurser og tidspunktet for initialisering må fortsatt vurderes.

Resultatet må måles for LCP, INP og CLS på den faktiske siden og på relevante enheter.

Veiledningen om Google Web Vitals anbefaler at tredjepartskode ikke blokkerer viktig innhold, men beskriver ikke én løsning som garanterer uendret ytelse.

En videofil kan være flere megabyte, mens selve skriptet ofte er mye mindre. Den nøyaktige størrelsen på CompleteGreet-ressursene må verifiseres i nettleserens nettverksverktøy. Last videoen først når det er nødvendig, og sammenlign den med andre tunge medier på siden.

Mobilmålinger kan avvike tydelig fra datamaskinmålinger fordi prosessor, nettverk og skjermstørrelse er annerledes. Test begge deler før publisering.

Noen plattformer plasserer skript i sidehodet, mens andre bruker slutten av dokumentet eller en administrert integrasjon. Ikke flytt kode uten å følge den aktuelle installasjonsveiledningen. Kontroller i stedet om skriptet blokkerer parseren, og om den valgte plasseringen påvirker funksjonaliteten.

Infografikken sammenligner en forenklet innlastingsrekkefølge med og uten en asynkront lastet widget. Tidene er illustrative og ikke målte referanseverdier.
#cg-ig-E5 {
max-width: 600px;
margin: 0 auto;
background: #f7f7fb;
border: 1px solid #e2e2ea;
border-radius: 12px;
padding: 24px;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
position: relative;
overflow: hidden;
}
#cg-ig-E5::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: #3D5ACE;
}
#cg-ig-E5 .cg-title {
font-size: 20px;
font-weight: 700;
color: #1a1a2e;
margin: 8px 0 20px 0;
text-align: center;
line-height: 1.3;
}
#cg-ig-E5 .cg-subtitle {
font-size: 14px;
color: #7a7a96;
text-align: center;
margin-bottom: 24px;
}
#cg-ig-E5 .cg-comparison {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 20px;
}
#cg-ig-E5 .cg-scenario {
background: #ffffff;
border: 1px solid #e2e2ea;
border-radius: 8px;
padding: 16px;
}
#cg-ig-E5 .cg-scenario-label {
font-size: 12px;
font-weight: 600;
color: #4a4a68;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 12px;
text-align: center;
}
#cg-ig-E5 .cg-timeline {
display: flex;
flex-direction: column;
gap: 8px;
}
#cg-ig-E5 .cg-timeline-row {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
}
#cg-ig-E5 .cg-bar {
height: 20px;
border-radius: 4px;
display: flex;
align-items: center;
padding-left: 8px;
font-size: 11px;
font-weight: 600;
color: #ffffff;
}
#cg-ig-E5 .cg-bar-html {
background: #3D5ACE;
width: 40%;
}
#cg-ig-E5 .cg-bar-css {
background: #5a7ae0;
width: 30%;
}
#cg-ig-E5 .cg-bar-js {
background: #7a9af0;
width: 25%;
}
#cg-ig-E5 .cg-bar-widget {
background: #E48333;
width: 20%;
margin-left: auto;
}
#cg-ig-E5 .cg-bar-async {
background: repeating-linear-gradient(45deg, #E48333, #E48333 4px, #f0954a 4px, #f0954a 8px);
width: 20%;
margin-left: auto;
opacity: 0.8;
}
#cg-ig-E5 .cg-time-label {
font-size: 11px;
color: #7a7a96;
min-width: 45px;
}
#cg-ig-E5 .cg-result-box {
background: #ffffff;
border: 1px solid #e2e2ea;
border-radius: 8px;
padding: 12px 16px;
text-align: center;
margin-top: 12px;
}
#cg-ig-E5 .cg-result-text {
font-size: 13px;
color: #4a4a68;
font-weight: 600;
}
#cg-ig-E5 .cg-result-highlight {
color: #3D5ACE;
}
#cg-ig-E5 .cg-features {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin: 20px 0;
}
#cg-ig-E5 .cg-feature {
text-align: center;
padding: 12px 8px;
background: #ffffff;
border-radius: 6px;
border: 1px solid #e2e2ea;
}
#cg-ig-E5 .cg-feature-icon {
width: 32px;
height: 32px;
background: #3D5ACE;
border-radius: 50%;
margin: 0 auto 8px;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 14px;
font-weight: 700;
}
#cg-ig-E5 .cg-feature-label {
font-size: 12px;
color: #4a4a68;
font-weight: 600;
line-height: 1.3;
}
#cg-ig-E5 .cg-cta {
text-align: center;
margin-top: 16px;
}
#cg-ig-E5 .cg-cta-link {
display: inline-block;
font-size: 14px;
color: #3D5ACE;
text-decoration: none;
font-weight: 500;
padding: 8px 16px;
border-radius: 6px;
transition: background 0.2s;
}
#cg-ig-E5 .cg-cta-link:hover {
background: rgba(61, 90, 206, 0.08);
}
#cg-ig-E5 .cg-source {
font-size: 11px;
color: #7a7a96;
text-align: center;
margin-top: 16px;
padding-top: 12px;
border-top: 1px solid #e2e2ea;
}
#cg-ig-E5 .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
@media (max-width: 480px) {
#cg-ig-E5 {
padding: 16px;
}
#cg-ig-E5 .cg-title {
font-size: 18px;
}
#cg-ig-E5 .cg-comparison {
grid-template-columns: 1fr;
}
#cg-ig-E5 .cg-features {
grid-template-columns: 1fr;
}
#cg-ig-E5 .cg-bar {
font-size: 10px;
}
}

Eksempel på innlasting av CompleteGreet

Siden kan vises først, mens videowidgeten følger senere

Uten videowidget
0,3 sek

HTML

0,6 sek

CSS

0,9 sek

JS

Siden klar: 0,9 sek

Med CompleteGreet
0,3 sek

HTML

0,6 sek

CSS

0,9 sek

JS

1,2 sek

Widget

Siden klar: 0,9 sek

Asynkron lasting

⏱️
Blokkerer ikke parseren

🎯
Utsatt skript

Kilde: generelle anbefalinger om nettytelse. Tidene i illustrasjonen er eksempler.

Se den statiske oversikten ovenfor for alle detaljene.

Slik setter du opp din første videopresentasjon

Begynn med budskapet. Skriv noen korte setninger om hvem du er, hva du hjelper med, og hva den besøkende bør gjøre videre. Lengden bør bestemmes av spørsmålet og siden, ikke av en fast regel på tjue sekunder.

Ta opp med en enhet som gir tydelig bilde og lyd. Naturlig lys kan fungere godt, men det viktigste er at ansiktet er synlig og lyden er forståelig. Se mot kameralinsen når du ønsker å henvende deg direkte til seeren.

Last opp filen og bruk den anbefalte integrasjonen for plattformen. En videoboble skal plasseres der den er relevant og ikke dekker navigasjon, samtykke, skjemaer eller kjøpsknapper. Hvis den ikke vises, kontroller integrasjonen og publiseringsinnstillingene. Ikke anta at alle publiseringssystemer tillater samme type skript på samme sted.

Plasseringen bør velges ut fra siden og oppgaven.

Sider med tydelig intensjon, som pris-, kontakt- og bestillingssider, kan være gode steder å teste. Det betyr ikke at de alltid konverterer best. Forsiden kan ha mer trafikk og et annet mål. Begynn på én side, definer en ønsket handling, og sammenlign resultatene før løsningen utvides.

Mål blant annet avspillingsrate og fullføring av ønskede handlinger. Avspillingsraten kan si noe om miniatyrbildet og plasseringen, mens skjemaer, kjøp eller bestillinger viser om handlingen faktisk skjer. Visninger alene er ikke nok, men heller ikke én konverteringsprosent uten et tilstrekkelig utvalg og sammenlignbare trafikkilder.

Det finnes ingen fast grense på fem hundre besøkende eller én uke som alltid gir pålitelige data. Testperioden må ha nok trafikk og handlinger til at tilfeldige variasjoner ikke styrer resultatet. Endre budskap, plassering eller visningsregler én ting om gangen, og dokumenter hva som faktisk ble endret.

Nettstedeiere er ofte bekymret for at video skal gi langsom innlasting og en dårligere brukeropplevelse.

Avsnittene nedenfor forklarer hvordan moderne videoløsninger kan påvirke Core Web Vitals, og hvorfor den ferdige siden må måles i praksis.

CompleteGreet kan integreres med asynkron og utsatt lasting, slik at nettleseren kan fortsette å gjengi siden mens skriptet hentes. Det reduserer risikoen for blokkering, men garanterer ikke at LCP, INP eller CLS blir uendret. Widgetens plassholder, initialisering, videoressurser og samspill med annen tredjepartskode må også vurderes.

Forstå de tekniske grensene

Vanlige videoinnbygginger kan belaste hovedtråden eller hente store ressurser tidlig. En løsning som venter til dokumentet er klart, kan redusere belastningen under den første visningen. Det finnes likevel ingen generell garanti for responstid under hundre millisekunder, siden resultatet avhenger av enheten, nettverket og resten av siden.

Tall om flere henvendelser sier ikke noe direkte om serverbelastning eller båndbredde. Mål derfor forretningsresultater og teknisk ytelse separat. At videoen lastes ved en interaksjon, kan redusere tidlig dataforbruk, men den faktiske nettverkstrafikken må kontrolleres i den ferdige løsningen.

Videowidgeter gjør ikke nødvendigvis et nettsted tregt, men heller ikke all utsatt lasting gir identiske hastighetsmålinger. Bruk feltdata og kontrollerte tester før og etter, og vurder om flere henvendelser oppveier en eventuell teknisk kostnad.

Gjeldende priser og planvilkår står på prissiden. Det kan ikke loves at en widget legger til nøyaktig null millisekunder ved den første innlastingen.

Vanlige spørsmål

Skader en videowidget resultatene for Core Web Vitals?

Det avhenger av integrasjonen, videofilen, initialiseringen og resten av siden. Async og defer kan redusere parserblokkering, men garanterer ikke uendret LCP, INP eller CLS. Test den ferdige siden med PageSpeed Insights, Lighthouse og helst reelle feltdata før og etter endringen.

Hvor stor er en vanlig videohilsen sammenlignet med en YouTube-innbygging?

Størrelsen varierer med lengde, oppløsning, kodek og komprimering. En YouTube-innbygging kan hente spillerkode, sporing og andre ressurser, mens en selvadministrert løsning har andre kostnader. Sammenlign de faktiske nettverksforespørslene og datamengdene på ditt nettsted i stedet for å bruke faste størrelser.

Gjør en videoboble nettstedet tregere på mobile enheter?

Den kan påvirke mobil ytelse dersom skriptet, videoen eller plassholderen er tung. Forsinket lasting, tilpassede videofiler og en stabil plassholder kan redusere virkningen. Test på virkelige mobilenheter og langsommere forbindelser, ikke bare på en rask datamaskin.

Hjelper eller skader videoinnhold rangeringen i Google?

Video kan gjøre siden mer nyttig når den svarer på et relevant spørsmål, men er ikke en snarvei til bedre rangering. Sørg for tydelig tekst, passende videodata, tilgjengelighet og rask innlasting. Søkesynligheten avhenger av den samlede kvaliteten og den tekniske gjennomføringen.

Hvordan kontrollerer jeg raskest om videowidgeten påvirker sidehastigheten?

Kjør samme nettadresse gjennom PageSpeed Insights eller Lighthouse før og etter endringen, med like testforhold. Se på LCP, INP og CLS samt nettverksforespørsler, hovedtrådsarbeid og ressurser som blokkerer gjengivelsen. Laboratorietester bør suppleres med feltdata når det er mulig.

Kan jeg ha flere videowidgeter på én side uten store ytelsesproblemer?

Flere widgeter kan fungere, men virkningen avhenger av om de deler skript, når hver video lastes, og hvor store filene er. Ikke bruk en fast totalgrense uten måling. Test én og flere widgeter på de aktuelle enhetene, og hent bare videoer når de faktisk trengs.

Hvorfor faller PageSpeed-resultatet når jeg legger til video?

Årsaken kan være store filer, tidlig nettverkstrafikk, mye JavaScript, ustabile plassholdere eller synkron innlasting. Bruk rapportens konkrete funn til å komprimere riktige ressurser, utsette det som kan vente, og reservere plass i oppsettet. Mål på nytt etter hver endring i stedet for å anta at én teknikk løser alt.

Azad Habib

Azad Habib

CEO & Founder of CompleteGreet

Azad Habib is the founder of CompleteGreet. With a background in ecommerce and user experience, he works at the intersection of trust, clarity, and conversion to help businesses make their websites feel more human from the first click.