Hur man enkelt lägger till lazy loading för videor i WordPress

När vi optimerar klientwebbplatser upptäcker vi ofta att inbäddade videor är en stor orsak till långsam laddningstid för sidor. Problemet är att webbläsare laddar hela videospelaren direkt, även om en besökare aldrig klickar på play-knappen, vilket verkligen kan skada din webbplats prestanda.

Lösningen är video lazy loading. Denna enkla teknik ersätter tunga videoinbäddningar med en lätt förhandsgranskningsbild. Vi har funnit att detta kan förbättra sidladdningstiderna med upp till 30 % på sidor med många videor.

Om du vill snabba upp din WordPress-webbplats utan att ta bort ditt videoinnehåll, då är du på rätt plats. Vi visar dig de enklaste och mest effektiva sätten att lägga till lazy loading för dina videor.

Vad är lat laddning för videor och hur fungerar det?

Lat laddning är en prestandaförbättrande teknik som fördröjer laddningen av icke-väsentliga delar av en webbsida tills de faktiskt behövs.

Normalt, när du bäddar in en video från en webbplats som YouTube eller Vimeo, måste din webbläsare ladda hela videospelaren och alla dess associerade skript. Detta lägger till extra vikt på din sida och kan verkligen sakta ner din webbplatsens prestanda.

Video lazy loading löser detta problem genom att ersätta den tunga videospelaren med en lättviktig, klickbar förhandsgranskningsbild (en miniatyrbild). Hela videospelaren laddas bara när en besökare klickar på play-knappen på bilden.

Eftersom bilder är mycket mindre i storlek än videor, förbättrar lazy loading-tekniken sidhastigheten avsevärt.

Nu när du känner till fördelarna, låt oss titta på hur du lazy loader YouTube- och Vimeo-videor i WordPress.

Videohandledning

Prenumerera på WPBeginner

Om du föredrar skriftliga instruktioner, fortsätt att läsa.

Hur man lägger till lat laddning för videor i WordPress

För att lägga till lat laddning för videor är det första du behöver göra att installera och aktivera pluginet Lazy Load for Videos.

Detta plugin fungerar direkt ur lådan, och du behöver inte röra en enda kodrad.

Och för att se om din lazy loading fungerar, behöver du bara visa ett inlägg eller sida som innehåller en YouTube- eller Vimeo-video. Du kommer att märka att en videominiatyrbild och en play-knapp ersätter standardspelarna.

När du klickar på bilden laddas videon och spelas upp.

Du kanske märker en kort sekunds fördröjning när videon laddas, men det är helt normalt. Oroa dig inte; lazy loading fungerar alldeles utmärkt.

Observera nu att även om detta plugin fungerar direkt ur lådan, finns det fortfarande inställningar som du kan konfigurera baserat på dina behov. På skärmen för inläggsredigering kan du välja miniatyrbildens kvalitet för YouTube-videoinbäddningar.

Förutom miniatyrbildens kvalitet finns det ytterligare anpassningsalternativ tillgängliga.

Du kan gå till Inställningar » Lazy Load for Videos för att kontrollera och justera dessa alternativ.

På fliken 'Allmänt/Styling' kan du anpassa utseendet på videominatyrer. Du kan aktivera responsivt läge, välja stil för play-knappen, använda anpassad CSS och till och med aktivera schema.org-markup.

Denna plugin stöder både YouTube och Vimeo. Du hittar leverantörsspecifika inställningar genom att klicka på respektive flik.

På fliken 'YouTube' kan du välja färg på förloppsindikatorn, inaktivera cookies, dölja annoteringar och mer. Du kan till och med inaktivera lat laddning för YouTube-videor.

På samma sätt kan du på fliken Vimeo-inställningar välja kontrollfärger, dölja eller visa videons titel och inaktivera lazy load för Vimeo-videor.

Om du har gjort några ändringar i dessa inställningar, glöm inte att klicka på knappen ‘Spara ändringar’ längst ner så att du inte förlorar dina framsteg.

Har WordPress inbyggd lat laddning för videor?

Du kanske undrar om du behöver ett plugin för detta alls, och det är en bra fråga. Sedan version 5.5 lägger WordPress automatiskt till en grundläggande form av lat laddning för videor. Det talar om för webbläsaren att vänta tills videon är nära skärmen innan den laddas.

Plugin-metoden är dock fortfarande mycket mer effektiv för hastighet. Pluginet förhindrar att den tunga videospelaren laddas alls förrän en besökare faktiskt klickar på play-knappen. Den inbyggda WordPress-metoden laddar fortfarande hela spelaren, bara lite senare.

För den största hastighetsökningen är det bästa tillvägagångssättet att använda ett plugin som ersätter videon med en förhandsgranskningsminiatyrbild. 👍

Bonus: Bädda alltid in videor, ladda aldrig upp dem

Innan vi går in på varför du bör undvika att ladda upp videor till din WordPress-webbplats, låt oss klargöra skillnaden mellan uppladdningar och inbäddningar.

Att ladda upp en video innebär att lagra videofilerna direkt på din webbplats, liknande hur du lagrar bilder i WordPress mediebibliotek. Vi avråder starkt från detta.

Å andra sidan innebär inbäddning av en video att du först laddar upp den till en tredjepartswebbplats som YouTube. Du bäddar sedan in videon på din blogg, vilket gör att den kan visas på din webbplats medan den lagras någon annanstans. Vi rekommenderar starkt att du bäddar in videor när det är möjligt.

För att lära dig mer om fördelarna med att bädda in istället för att ladda upp videor till WordPress, kan du hänvisa till vår guide om varför du aldrig bör ladda upp en video till WordPress.

Vanliga frågor om lat laddning av videor

Här är några av de vanligaste frågorna våra läsare har om att lägga till lat laddning för videor i WordPress.

1. Lazy loader WordPress videor som standard?

Ja, sedan version 5.5 inkluderar WordPress inbyggd lat laddning för videor. Den väntar dock bara med att ladda videospelaren tills den är nära skärmen. Att använda ett plugin som ersätter videon med en miniatyrbild är mycket mer effektivt för att förbättra hastigheten.

2. Är lazy loading bra för SEO?

Ja, lat laddning är utmärkt för SEO. Webbplatsens hastighet är en viktig rankingfaktor för Google. Genom att snabba upp dina sidor hjälper lat laddning till att förbättra dina Core Web Vitals-poäng, vilket kan leda till bättre rankningar i sökmotorer.

3. Kommer lazy loading av videor att påverka mina YouTube- eller Vimeo-visningar?

Nej, det kommer inte att påverka dina visningsantal. När en besökare klickar på play-knappen på förhandsgranskningsbilden laddas den officiella videospelaren. Visningen räknas sedan av YouTube eller Vimeo precis som den normalt skulle göra.

4. Vilket är det bästa pluginet för lat laddning av videor?

Vi rekommenderar pluginet ‘Lazy Load for Videos’ för dess enkelhet och effektivitet. Många populära prestanda-plugins, som WP Rocket, inkluderar också utmärkta funktioner för lazy loading av videor som en del av sina verktyg för prestandaoptimering.

Ytterligare resurser för att snabba upp din webbplats

Vi hoppas att den här artikeln hjälpte dig att lägga till lat laddning för videor i WordPress. Om du vill lära dig fler sätt att göra din webbplats snabbare rekommenderar vi att du tittar på dessa guider:

• Den ultimata guiden till WordPress-hastighet och prestanda – Denna omfattande guide täcker allt du behöver veta om att optimera din webbplats hastighet, från cachning till bildkomprimering.
• Hur du korrekt konfigurerar ett WordPress CDN – Lär dig hur ett Content Delivery Network (CDN) dramatiskt kan förbättra din webbplats laddningstider för besökare över hela världen.
• Varför du aldrig ska ladda upp en video till WordPress – En djupare dykning i anledningarna till varför inbäddning av videor alltid är bättre för din webbplats prestanda och användarupplevelse.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.