Hur man enkelt addar lazy loaded för videoklipp i WordPress

Videor är fantastiska för att öka användarnas engagemang på din webbplats. Men att bädda in dem kan göra att din webbplats laddas långsammare, vilket inte är bra för besökarna.

Ett sätt att åtgärda detta är att använda ”lazy loading” för dina videor.

Lazy loading hjälper din webbplats att laddas snabbare genom att bara ladda videor när de visas. Det innebär att din sida inte blir överbelastad av att alla videor laddas samtidigt. Det är ett enkelt trick som kan förbättra din webbplats prestanda.

I den här guiden visar vi dig hur du enkelt lägger till lazy loading för videor i WordPress.

Vad är Lazy Loading och hur fungerar Lazy Loading för videor?

Lazy loading är en teknik som fördröjer laddningen av icke-väsentliga element på en webbsida tills de behövs. För videor innebär detta att de laddas först när de visas.

När du bäddar in en video på din webbplats måste ytterligare externa skript och filer laddas. Denna extra belastning kan påverka webbplatsens prestanda negativt.

Video lazy loading hjälper till genom att ersätta inbäddade YouTube- och Vimeo-videor med en klickbar förhandsgranskningsbild. När besökare klickar på bilden laddas videon och spelas upp.

Eftersom bilder är mycket mindre i storlek än videor förbättrar tekniken för latladdning sidhastigheten avsevärt.

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

Videohandledning

Subscribe to WPBeginner

Om du föredrar skriftliga instruktioner kan du fortsätta läsa.

Så här lägger du till lazy loading för videor i WordPress

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

Det här pluginet fungerar direkt och du behöver inte redigera några jQuery-skript eller kod för latladdning.

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

När du klickar på bilden kommer den att ladda videon och spela upp den.

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

Observera dock att även om detta plugin fungerar direkt, finns det fortfarande inställningar som du kan konfigurera utifrån dina behov. På inläggsredigerarens skärm kan du välja miniatyrkvaliteten för YouTube-videoinbäddningar.

Förutom kvaliteten på miniatyrbilderna 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 ”General/Styling” kan du anpassa utseendet på videominiatyrerna. Du kan aktivera responsivt läge, välja stil för uppspelningsknappen, använda anpassad CSS och till och med aktivera schema.org-markering.

Detta 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 anteckningar med mera. Du kan även inaktivera latent laddning för YouTube-videor.

På samma sätt kan du på fliken Vimeo-inställningar välja kontrollfärger, dölja eller visa videotitel och inaktivera latent laddning 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.

Bonus tips: Ladda aldrig upp videor på WordPress

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 du lagrar videofilerna direkt på din webbplats, på samma sätt som du lagrar bilder i WordPress mediebibliotek. Vi avråder starkt från detta.

Att bädda in en video innebär å andra sidan att du först laddar upp den till en tredjepartswebbplats som YouTube. Sedan bäddar du 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.

Om du vill veta mer om fördelarna med att bädda in istället för att ladda upp videor till WordPress kan du läsa vår guide om varför du aldrig bör ladda upp en video till WordPress.

Vi hoppas att den här artikeln hjälpte dig att lägga till lazy load för videor i WordPress. Därefter kanske du vill kolla in vår ultimata guide till WordPress hastighet och prestanda eller hur du ställer in en WordPress CDN-lösning för att öka din webbplats hastighet.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.