Hur man enkelt lÀgger till Lazy Loading för videor i WordPress

Lazy Loading for Videos

Videor Àr bra för att förbÀttra anvÀndarengagemanget pÄ din webbplats. En nackdel med att bÀdda in videor Àr dock att den saktar ner din webbplats. I den hÀr artikeln visar vi dig hur du lÀgger till lat laddning för videor i WordPress och förbÀttrar din sidhastighet.

Hur fungerar Lazy Loading för videor?

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

NÀr du bÀddar in en video pÄ din webbplats lÀgger du till ytterligare externa skript och filer som mÄste laddas. Eftersom det finns mer att ladda laddas din webbplats lÄngsammare.

Videoladdning ersÀtter de inbÀddade Youtube- och Vimeo-videoklippen med en klickbar förhandsgranskningsbild. NÀr dina besökare klickar pÄ bilden laddas den och spelar upp videon.

Eftersom bilderna Àr mycket mindre i storlek Àn videor förbÀttrar tekniken för lat laddning avsevÀrt sidhastigheten.

Nu nÀr du kÀnner till fördelarna, lÄt oss ta en titt pÄ hur du kan ladda YouTube- och Vimeo-videor pÄ WordPress.

Videohandledning

Prenumerera pÄ WPBeginner

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

Hur man lÀgger till Lazy Loading för videor i WordPress

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

Det hÀr pluginet fungerar ur lÄdan och du behöver inte redigera nÄgra lata jQuery-skript eller nÄgon kod för den delen.

För att se att din lata 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 standardspelarna ersÀtts av en videominiatyr och en uppspelningsknapp.

En lazy load video med miniatyrbild och play-knapp

NÀr du klickar pÄ bilden laddas den in och spelas upp.

Det kan finnas en liten sekund (försumbar) fördröjning av att ladda in videon, sÄ tÀnk inte pÄ att den lata laddningen inte fungerar.

Även om detta plugin fungerar direkt, finns det fortfarande instĂ€llningar som du kan konfigurera utifrĂ„n dina behov.

PÄ inlÀggsredigeringsskÀrmen kan du vÀlja miniatyrkvaliteten för YouTube-videoinbÀddningar.

Styr YouTube-miniatyrkvaliteten för inlÀgg och sidor

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

InstÀllningssida för lat laddning för videor WordPress-plugin

PÄ fliken AllmÀnna instÀllningar kan du anpassa utseendet pÄ videominiatyrerna. Du kan aktivera responsivt lÀge, vÀlja stil för uppspelningsknappar, anvÀnda anpassad CSS och till och med aktivera schema.org-markering.

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

PÄ YouTube-fliken kan du vÀlja fÀrger, miniatyrkvalitet, inaktivera relaterade videor och anteckningar etc. Du kan till och med inaktivera lat belastning för YouTube-videor.

Lat belastning för YouTube-instÀllningar

PÄ samma sÀtt kan du pÄ fliken Vimeo-instÀllningar vÀlja kontrollfÀrger, dölja eller visa videotitel och inaktivera lat belastning för Vimeo-videor.

Lat belastning för Vimeo

Det Àr allt. Vi hoppas att den hÀr artikeln hjÀlpte dig att lÀgga till lat belastning 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, prenumerera sedan pÄ vÄr YouTube-kanal för WordPress-sjÀlvstudier. Du kan ocksÄ hitta oss pÄ Twitter och Google+.