Så enkelt lägger du till Lazy Loading for Videos i WordPress

Videor är bra för att förbättra användarengagemanget på din webbplats. En nackdel med inbäddning av videor är dock att det saktar ner din webbplats. I den här artikeln visar vi hur du lägger till lat laddning för videor i WordPress och förbättrar sidhastigheten.

Hur fungerar Lazy Loading for Videos?

Undrar vad exakt är lat laddning, och hur fungerar det?

När du lägger in en video på din webbplats lägger du till ytterligare externa skript och filer som behöver laddas. Eftersom det finns mer att ladda, laddar din webbplats långsammare.

Video lat laddning ersätter de inbäddade Youtube- och Vimeo-videon med en klickbar förhandsgranskningsbild. När dina besökare klickar på bilden laddar den och spelar upp videon.

Eftersom bilderna är mycket mindre i storlek än videor förbättrar den lata laddningstekniken sidans hastighet avsevärt.

Nu när du vet fördelarna, låt oss ta en titt på hur du lata ladda YouTube och Vimeo-videor i WordPress.

Video Tutorial

Om du inte gillar videon eller behöver mer instruktioner, fortsätt läsa.

Hur man lägger till Lazy Loading for Videos i WordPress

Det första du behöver göra är att installera och aktivera plugin för Lazy Load for Videos.

Det här pluginet fungerar ur rutan, och du behöver inte redigera några lata laddningsjQuery-skript eller någon kod för den delen.

För att se att din lata lastning fungerar är allt du behöver göra att se ett inlägg eller en sida som innehåller en YouTube- eller Vimeo-video. Du kommer att märka att standardspelarna ersätts av en videominiatyr och en spellknapp.

När du klickar på bilden laddar den videon och spelar den.

Det kan finnas en liten sekund (försumbar) fördröjning när du laddar videon, så snälla tror inte att den lata lastningen inte fungerar.

Även om det här pluginet inte fungerar, finns det fortfarande inställningar som du kan konfigurera baserat på dina behov.

På skärmen för inläggsredigerare kan du välja miniatyrkvaliteten för YouTube-videoinställningar.

Bortsett från miniatyrkvaliteten finns ytterligare anpassningsalternativ tillgängliga om du går över till Inställningar »Lazy Load for Videos.

På fliken Allmänna inställningar kan du anpassa utseendet på videominiatyrerna. Du kan aktivera mottagligt läge, välja spelknappsstil, använda anpassad CSS och till och med aktivera schema.org-markup.

Detta plugin stöder både YouTube och Vimeo. Du kan hitta leverantörsspecifika inställningar genom att klicka på respektive flikar.

På fliken YouTube kan du välja färger, miniatyrkvalitet, inaktivera relaterade videor och kommentarer, etc. Du kan även avaktivera lat laddning för YouTube-videor.

På Vimeo-inställningsfliken kan du också välja kontrollfärger, dölja eller visa videotitel och inaktivera lat laddning för Vimeo-videor.

Det är allt. Vi hoppas att den här artikeln hjälper dig att lägga till lat laddning för videor i WordPress.

För att ytterligare öka din webbplats hastighet måste du konfigurera en WordPress CDN-lösning med W3 Total Cache-plugin.

Om du gillade den här artikeln kan du prenumerera på vår YouTube-kanal för WordPress-videoinstruktioner. Du kan också hitta oss på Twitter och Google+.