Einfaches Hinzufügen von Lazy Loading für Videos in WordPress

Videos eignen sich hervorragend, um das Engagement der Nutzer auf Ihrer Website zu erhöhen. Ein Nachteil des Einbettens von Videos ist jedoch, dass es Ihre Website verlangsamt. In diesem Artikel zeigen wir Ihnen, wie Sie Lazy Loading für Videos in WordPress hinzufügen und Ihre Seitengeschwindigkeit verbessern können.

Wie funktioniert Lazy Loading für Videos?

Sie fragen sich, was genau Lazy Loading ist und wie es funktioniert?

Wenn Sie ein Video auf Ihrer Website einbetten, fügen Sie zusätzliche externe Skripte und Dateien hinzu, die geladen werden müssen. Da mehr geladen werden muss, wird Ihre Website langsamer geladen.

Mit Video Lazy Loading werden die eingebetteten Youtube- und Vimeo-Videos durch ein anklickbares Vorschaubild ersetzt. Wenn Ihre Besucher auf das Bild klicken, wird es geladen und das Video abgespielt.

Da Bilder viel kleiner sind als Videos, verbessert die Lazy-Loading-Technik die Seitengeschwindigkeit erheblich.

Nun, da Sie die Vorteile kennen, lassen Sie uns einen Blick darauf werfen, wie man YouTube- und Vimeo-Videos in WordPress „lazy“ lädt.

Video-Anleitung

Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie bitte weiter.

Wie man Lazy Loading für Videos in WordPress hinzufügt

Als Erstes müssen Sie das Plugin Lazy Load for Videos installieren und aktivieren.

Dieses Plugin funktioniert sofort, und Sie müssen keine Lazy-Loading-JQuery-Skripte oder sonstigen Code bearbeiten.

Um zu sehen, ob die Ladeverzögerung funktioniert, müssen Sie nur einen Beitrag oder eine Seite mit einem YouTube- oder Vimeo-Video aufrufen. Sie werden feststellen, dass die Standardplayer durch eine Video-Miniaturansicht und eine Abspielschaltfläche ersetzt werden.

Wenn Sie auf das Bild klicken, wird das Video geladen und abgespielt.

Das Laden des Videos kann sich um eine (vernachlässigbare) Sekunde verzögern, also denken Sie bitte nicht, dass das „Lazy Loading“ nicht funktioniert.

Auch wenn dieses Plugin von Haus aus funktioniert, gibt es noch Einstellungen, die Sie nach Ihren Bedürfnissen konfigurieren können.

Auf dem Post-Editor-Bildschirm können Sie die Thumbnail-Qualität für YouTube-Videoeinbettungen auswählen.

Abgesehen von der Qualität der Miniaturansicht gibt es weitere Anpassungsmöglichkeiten, wenn Sie zu Einstellungen “ Langsames Laden für Videos gehen.

Auf der Registerkarte „Allgemeine Einstellungen“ können Sie das Aussehen der Video-Miniaturansichten anpassen. Sie können den responsiven Modus aktivieren, den Stil der Wiedergabeschaltfläche auswählen, benutzerdefiniertes CSS verwenden und sogar schema.org-Markup aktivieren.

Dieses Plugin unterstützt sowohl YouTube als auch Vimeo. Sie finden die anbieterspezifischen Einstellungen, indem Sie auf die jeweiligen Registerkarten klicken.

Auf der Registerkarte „YouTube“ können Sie Farben und Qualität der Miniaturansichten auswählen, verwandte Videos und Kommentare deaktivieren usw. Sie können sogar das faule Laden für YouTube-Videos deaktivieren.

In ähnlicher Weise können Sie auf der Registerkarte „Vimeo-Einstellungen“ Kontrollfarben auswählen, den Videotitel ausblenden oder anzeigen und das träge Laden für Vimeo-Videos deaktivieren.

Das war’s schon. Wir hoffen, dass dieser Artikel Ihnen geholfen hat, Lazy Load für Videos in WordPress hinzuzufügen.

Um die Geschwindigkeit Ihrer Website weiter zu erhöhen, müssen Sie eine WordPress CDN-Lösung mit dem W3 Total Cache Plugin einrichten.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Google+ finden.