Hoe u gemakkelijk Lazy Loading voor video's in WordPress kunt toevoegen

Video's zijn geweldig om de betrokkenheid van gebruikers op uw website te verbeteren. Een nadeel van het insluiten van video's is echter dat het je website vertraagt. In dit artikel laten we u zien hoe u lui laadt voor video's in WordPress en uw paginasnelheid verbeteren.

Hoe werkt Lazy Loading voor video's??

Vraagt ​​u zich af wat lui laden precies is en hoe het werkt?

Wanneer u een video insluit op uw site, voegt u extra externe scripts en bestanden toe die moeten worden geladen. Aangezien er meer te laden is, laadt uw website langzamer.

Video lui laden vervangt de ingebedde YouTube- en Vimeo-video's met een klikbare voorbeeldafbeelding. Wanneer uw bezoekers op de afbeelding klikken, wordt de video geladen en afgespeeld.

Omdat afbeeldingen een stuk kleiner zijn dan video's, verbetert de luie laadtechniek de paginasnelheid aanzienlijk.

Nu je de voordelen kent, laten we eens kijken hoe je YouTube- en Vimeo-video's in WordPress lui laadt.

Video-instructies

Als je de video niet leuk vindt of meer instructies nodig hebt, ga dan door met lezen.

Hoe Lazy Loading voor video's in WordPress toe te voegen

Het eerste wat u hoeft te doen is de Lazy Load for Videos-plug-in installeren en activeren.

Deze plug-in werkt standaard en u hoeft geen luie jQuery-scripts of andere code te bewerken.

Om te zien dat je luie laden werkt, hoef je alleen maar een bericht of pagina te bekijken die een YouTube- of Vimeo-video bevat. U zult merken dat de standaardspelers worden vervangen door een videominiatuur en een afspeelknop.

Wanneer u op de afbeelding klikt, wordt de video geladen en afgespeeld.

Er kan een kleine tweede (verwaarloosbare) vertraging optreden bij het laden van de video, dus denk alsjeblieft niet dat de luie laadactie niet werkt.

Hoewel deze plug-in uit de doos werkt, zijn er nog steeds instellingen die u kunt configureren op basis van uw behoeften.

In het berichtbewerkingsscherm kun je de miniatuurkwaliteit kiezen voor ingesloten YouTube-video's.

Afgezien van de kwaliteit van de miniaturen, zijn er nog meer aanpassingsopties beschikbaar als u naar toe gaat Instellingen »Lui laden voor video's.

Op het tabblad algemene instellingen kunt u het uiterlijk van de videominiaturen aanpassen. U kunt responsieve modus inschakelen, afspeelstijl kiezen, aangepaste CSS gebruiken en zelfs schema.org-markeringen inschakelen.

Deze plug-in ondersteunt zowel YouTube als Vimeo. U kunt providerspecifieke instellingen vinden door op de respectieve tabbladen te klikken.

Op het YouTube-tabblad kunt u kleuren, miniatuurkwaliteit kiezen, gerelateerde video's en annotaties uitschakelen, enzovoort. U kunt zelfs lui laden uitschakelen voor YouTube-video's.

Op dezelfde manier kunt u op het tabblad Vimeo-instellingen besturingskleuren kiezen, de videotitel verbergen of weergeven en lui laden uitschakelen voor Vimeo-video's..

Dat is alles. We hopen dat dit artikel u heeft geholpen om luie lading toe te voegen aan video's in WordPress.

Om de snelheid van uw website verder te verhogen, moet u een WordPress CDN-oplossing installeren met de W3 Total Cache-plug-in.

Als je dit artikel leuk vond, meld je dan aan voor onze YouTube-video-tutorials over WordPress. U kunt ons ook vinden op Twitter en Google+.