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

Wir haben kürzlich einem Kleinunternehmer geholfen, dessen Website ewig zum Laden brauchte. Wir stellten fest, dass mehrere eingebettete YouTube-Videos alles verlangsamten.

Langsame Ladezeiten frustrieren Ihre Besucher und beeinträchtigen Ihr Suchmaschinenranking. Glücklicherweise behebt Lazy Loading von Videos dieses Problem, indem zuerst ein leichtgewichtiges Vorschaubild geladen wird.

Wir verwenden genau diese Technik auf unseren eigenen Websites, um Seiten blitzschnell zu halten. Hier ist der einfachste Weg, Lazy Loading für Ihre Videos in WordPress hinzuzufügen.

Was ist Lazy Loading für Videos und wie funktioniert es?

Lazy Loading ist eine leistungssteigernde Technik, die nicht essenzielle Teile einer Webseite verzögert lädt, bis sie tatsächlich benötigt werden.

Normalerweise, wenn Sie ein Video von einer Seite wie YouTube oder Vimeo einbetten, muss Ihr Browser den gesamten Videoplayer und alle zugehörigen Skripte laden. Dies belastet Ihre Seite zusätzlich und kann die Leistung Ihrer Website erheblich beeinträchtigen.

Lazy Loading von Videos löst dieses Problem, indem der schwere Videoplayer durch ein leichtgewichtiges, anklickbares Vorschaubild (ein Thumbnail) ersetzt wird. Der vollständige Videoplayer wird erst geladen, nachdem ein Besucher auf die Wiedergabetaste des Bildes klickt.

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

Jetzt, da Sie die Vorteile kennen, sehen wir uns an, wie Sie YouTube- und Vimeo-Videos in WordPress verzögert laden.

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

Um das verzögerte Laden von Videos zu aktivieren, müssen Sie zuerst das Plugin Lazy Load for Videos installieren und aktivieren.

Dieses Plugin funktioniert sofort, und Sie müssen keine einzige Codezeile anfassen.

Um zu überprüfen, ob das Lazy Loading funktioniert, rufen Sie einfach einen Beitrag oder eine Seite auf, der/die ein YouTube- oder Vimeo-Video enthält. Sie werden feststellen, dass ein Videovorschaubild und eine Wiedergabetaste die Standardplayer ersetzen.

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

Möglicherweise bemerken Sie eine kurze Sekunde Verzögerung, wenn das Video geladen wird, aber das ist völlig normal. Keine Sorge; Lazy Loading funktioniert einwandfrei.

Beachten Sie, dass Sie die Einstellungen dieses Plugins zwar nach Bedarf konfigurieren können, es aber auch sofort einsatzbereit ist. Auf dem Beitragseditor-Bildschirm können Sie die Thumbnail-Qualität für YouTube-Video-Einbettungen auswählen.

Neben der Thumbnail-Qualität gibt es weitere Anpassungsoptionen.

Sie können zu Einstellungen » Lazy Load für Videos gehen, um diese Optionen zu überprüfen und anzupassen.

Auf der Registerkarte „Allgemein/Styling“ können Sie das Erscheinungsbild der Videovorschaubilder anpassen. Sie können den responsiven Modus aktivieren, den Stil der Wiedergabetaste 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 jeweiligen Tabs klicken.

Auf der Registerkarte „YouTube“ können Sie eine Farbe für die Fortschrittsleiste wählen, Cookies deaktivieren, Anmerkungen ausblenden und mehr. Sie können sogar Lazy Load für YouTube-Videos deaktivieren.

Ähnlich können Sie auf der Registerkarte Vimeo-Einstellungen die Farben der Steuerelemente auswählen, den Videotitel ausblenden oder anzeigen und Lazy Load für Vimeo-Videos deaktivieren.

Wenn Sie Änderungen an diesen Einstellungen vorgenommen haben, vergessen Sie nicht, unten auf die Schaltfläche 'Änderungen speichern' zu klicken, damit Sie Ihren Fortschritt nicht verlieren.

Hat WordPress ein integriertes Lazy Loading für Videos?

Sie fragen sich vielleicht, ob Sie überhaupt ein Plugin dafür benötigen, und das ist eine gute Frage. Seit Version 5.7 fügt WordPress automatisch eine grundlegende Form des Lazy Loadings für Videos hinzu. Es weist den Webbrowser an, zu warten, bis sich das Video im sichtbaren Bereich befindet, bevor es geladen wird.

Die Plugin-Methode ist jedoch immer noch viel effektiver für die Geschwindigkeit. Die integrierte WordPress-Methode lädt immer noch den gesamten Videoplayer (einschließlich der schweren Tracking-Skripte von Drittanbietern von YouTube oder Vimeo), nur etwas später. Das Plugin verhindert, dass diese externen Skripte überhaupt geladen werden, bis ein Besucher tatsächlich auf die Play-Schaltfläche klickt.

Für den größten Geschwindigkeitsgewinn ist die Verwendung eines Plugins, das das Video durch eine Vorschau-Thumbnail ersetzt, der beste Ansatz. 👍

Bonus: Videos immer einbetten, niemals hochladen

Bevor wir uns damit befassen, warum Sie Videos nicht auf Ihre WordPress-Website hochladen sollten, klären wir den Unterschied zwischen Uploads und Einbettungen.

Das Hochladen eines Videos bedeutet, die Videodateien direkt auf Ihrer Website zu speichern, ähnlich wie Sie Bilder in der WordPress-Mediathek speichern. Davon raten wir dringend ab.

Andererseits beinhaltet das Einbetten eines Videos das Hochladen auf eine Drittanbieter-Seite wie YouTube. Sie betten das Video dann auf Ihrem Blog ein, sodass es auf Ihrer Website angezeigt werden kann, während es woanders gespeichert ist. Wir empfehlen dringend, Videos wann immer möglich einzubetten.

Um mehr über die Vorteile des Einbettens anstelle des Hochladens von Videos nach WordPress zu erfahren, können Sie sich auf unseren Leitfaden beziehen, warum Sie niemals ein Video nach WordPress hochladen sollten.

Video-Tutorial

WPBeginner abonnieren

Häufig gestellte Fragen zu Lazy Loading von Videos

Hier sind einige der häufigsten Fragen, die unsere Leser zum Hinzufügen von Lazy Loading für Videos in WordPress haben.

1. Lädt WordPress Videos standardmäßig mit Lazy Load?

Ja, seit Version 5.7 enthält WordPress natives Lazy Loading für Videos. Es wartet jedoch nur darauf, den Videoplayer zu laden, bis er sich im sichtbaren Bereich befindet. Die Verwendung eines Plugins, das das Video durch ein Thumbnail ersetzt, ist zur Verbesserung der Geschwindigkeit wesentlich effektiver.

2. Ist Lazy Loading gut für SEO?

Ja, verzögertes Laden ist ausgezeichnet für SEO. Die Seitengeschwindigkeit ist ein wichtiger Google-Rankingfaktor. Durch die Beschleunigung Ihrer Seiten hilft das verzögerte Laden, Ihre Core Web Vitals-Werte zu verbessern, was zu besseren Suchmaschinenrankings führen kann.

3. Beeinflusst Lazy Loading von Videos meine YouTube- oder Vimeo-Aufrufe?

Nein, das wird Ihre Aufrufzahlen nicht beeinträchtigen. Wenn ein Besucher auf die Wiedergabetaste des Vorschaubildes klickt, wird der offizielle Videoplayer geladen. Die Aufrufe werden dann von YouTube oder Vimeo gezählt, genau wie es normalerweise der Fall wäre.

4. Was ist das beste Plugin für Lazy Loading von Videos?

Wir empfehlen das Plugin „Lazy Load for Videos“ wegen seiner Einfachheit und Effektivität. Viele beliebte Performance-Plugins, wie z. B. WP Rocket, beinhalten auch hervorragende Funktionen zum verzögerten Laden von Videos als Teil ihrer Performance-Optimierungstools.

Zusätzliche Ressourcen zur Beschleunigung Ihrer Website

Wir hoffen, dieser Artikel hat Ihnen geholfen, Lazy Loading für Videos in WordPress hinzuzufügen. Wenn Sie weitere Möglichkeiten erfahren möchten, Ihre Website schneller zu machen, empfehlen wir Ihnen, diese Anleitungen zu lesen:

• Der ultimative Leitfaden für WordPress-Geschwindigkeit und -Leistung – Dieser umfassende Leitfaden behandelt alles, was Sie über die Optimierung der Geschwindigkeit Ihrer Website wissen müssen, vom Caching bis zur Bildkomprimierung.
• So richten Sie ein WordPress CDN richtig ein – Erfahren Sie, wie ein Content Delivery Network (CDN) die Ladezeiten Ihrer Website für Besucher auf der ganzen Welt dramatisch verbessern kann.
• Warum Sie niemals ein Video nach WordPress hochladen sollten – Eine eingehendere Betrachtung der Gründe, warum das Einbetten von Videos immer besser für die Leistung und das Benutzererlebnis Ihrer Website ist.

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