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

Vi hjälpte nyligen en småföretagare vars webbplats tog evigheter att ladda. Vi upptäckte att flera inbäddade YouTube-videor saktade ner allt.

Långsamma laddningstider kommer att frustrera dina besökare och skada dina sökmotorrankningar. Lyckligtvis löser "lazy loading" av videor detta problem genom att först ladda en lättviktig förhandsgranskningsbild.

Vi använder exakt denna teknik på våra egna webbplatser för att hålla sidorna blixtsnabba. Här är det enklaste sättet att lägga till "lazy loading" för dina videor i WordPress.

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 extra vikt på din sida och kan verkligen sakta ner din webbplatsprestanda.

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 man lazy loader YouTube- och Vimeo-videor i WordPress.

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.

För att kontrollera om "lazy loading" fungerar, visa helt enkelt ett inlägg eller en sida som innehåller en YouTube- eller Vimeo-video. Du kommer att märka att en videominatyr 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.

Tänk på att även om detta plugin fungerar direkt ur lådan, kan du fortfarande konfigurera dess inställningar baserat på dina behov. På redigeringsskärmen för inlägg 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/Stil' kan du anpassa utseendet på videominibilderna. Du kan aktivera responsivt läge, välja stil på 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å Vimeo-inställningsfliken välja kontrollfärger, dölja eller visa videotitel 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 alls behöver ett plugin för detta, och det är en utmärkt fråga. Sedan version 5.7 har WordPress automatiskt lagt till en grundläggande form av "lazy loading" för videor. Den talar om för webbläsaren att vänta tills videon är nära skärmen innan den laddas.

Men pluginmetoden är fortfarande mycket mer effektiv för hastighet. Den inbyggda WordPress-metoden laddar fortfarande hela videospelaren (inklusive tunga tredjepartsspårningsskript från YouTube eller Vimeo), bara lite senare. Pluginet förhindrar att dessa externa skript laddas alls förrän en besökare faktiskt klickar på play-knappen.

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 ska ladda upp en video till WordPress.

Videohandledning

Prenumerera på WPBeginner

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.7 inkluderar WordPress inbyggd "lazy loading" 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 effektivare 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 Google-rankningsfaktor. 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 sökrankningar.

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 prestandaplugin, som WP Rocket, inkluderar också utmärkta funktioner för lat videoladdning 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 runt om i världen.
• Varför du aldrig ska ladda upp en video till WordPress – En djupare titt på anledningarna till varför det alltid är bättre att bädda in videor för din webbplats prestanda och användarupplevelse.

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