Wie füge ich einfach Lazy Loading für Videos in WordPress hinzu?

Mit Videos können Sie die Einbindung Ihrer Benutzer in Ihre Website verbessern. Ein Nachteil der Einbettung von Videos ist jedoch die Verlangsamung Ihrer Website. In diesem Artikel zeigen wir Ihnen, wie Sie das Laden von Videos in WordPress verzögern und die Seitengeschwindigkeit verbessern.

Wie funktioniert Lazy Loading für Videos??

Ich frage mich, was genau faul ist und wie es funktioniert?

Wenn Sie ein Video in Ihre Site einbetten, fügen Sie zusätzliche externe Skripts und Dateien hinzu, die geladen werden müssen. Da mehr zu laden ist, lädt Ihre Website langsamer.

Beim Lazy Loading von Videos werden eingebettete Youtube- und Vimeo-Videos durch ein anklickbares Vorschaubild ersetzt. Wenn Ihre Besucher auf das Bild klicken, wird das Video geladen und abgespielt.

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

Nun, da Sie die Vorteile kennen, schauen wir uns an, wie Sie YouTube- und Vimeo-Videos in WordPress laden können.

Videoanleitung

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

So fügen Sie Lazy Loading für Videos in WordPress hinzu

Zuerst müssen Sie das Lazy Load for Videos-Plugin installieren und aktivieren.

Dieses Plugin funktioniert sofort, und Sie müssen keine faulen jQuery-Skripts oder Code dafür bearbeiten.

Um zu sehen, dass Ihr Lazy Loading funktioniert, müssen Sie nur einen Beitrag oder eine Seite anzeigen, die ein YouTube- oder Vimeo-Video enthält. Sie werden feststellen, dass die Standard-Player durch eine Video-Miniaturansicht und eine Wiedergabetaste ersetzt werden.

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

Es kann zu einer geringfügigen (vernachlässigbaren) Verzögerung beim Laden des Videos kommen. Denken Sie also nicht daran, dass das Lazy-Loading nicht funktioniert.

Obwohl dieses Plug-In sofort einsatzbereit ist, gibt es noch Einstellungen, die Sie je nach Ihren Bedürfnissen konfigurieren können.

Im Post-Editor-Bildschirm können Sie die Qualität der Miniaturbilder für das Einbetten von YouTube-Videos auswählen.

Neben der Qualität der Miniaturansichten stehen Ihnen weitere Anpassungsoptionen zur Verfügung, wenn Sie zu wechseln Einstellungen »Lazy Load für Videos.

Auf der Registerkarte Allgemeine Einstellungen können Sie die Darstellung der Video-Miniaturansichten anpassen. Sie können den Responsive-Modus aktivieren, den Wiedergabeschaltflächenstil auswählen, benutzerdefiniertes CSS verwenden und sogar schema.org-Markup aktivieren.

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

Auf der Registerkarte "YouTube" können Sie Farben und Qualität der Miniaturansichten auswählen, verwandte Videos und Anmerkungen deaktivieren usw. Sie können sogar das verzögerte Laden von YouTube-Videos deaktivieren.

Auf der Registerkarte "Vimeo-Einstellungen" können Sie ebenfalls die Steuerfarben auswählen, den Videotitel ein- oder ausblenden und das verzögerte Laden von Vimeo-Videos deaktivieren.

Das ist alles. Wir hoffen, dass dieser Artikel dazu beigetragen hat, dass Sie in WordPress eine bequeme Last für Videos hinzufügen.

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

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unsere Video-Tutorials für unseren YouTube-Kanal für WordPress. Sie finden uns auch auf Twitter und Google+.