Lazy-load image wordpress

Wie man Bilder in WordPress verzögert lädt (2 Methoden)

Möchten Sie wissen, wie man Bilder in WordPress verzögert lädt?

Durch die Aktivierung des "Lazy Loading" von Bildern können Besucher schnell durch Ihren Inhalt blättern, ohne auf das Laden der gesamten Seite warten zu müssen.

In diesem Beitrag erklären wir, was Lazy-Load-Bilder sind und warum Sie sie zu Ihrer WordPress-Website hinzufügen müssen.

Was sind Lazy-Load-Bilder?

Lazy Loading ermöglicht es Ihrer Website, Bilder nur dann zu laden, wenn sie auf dem Bildschirm des Nutzers sichtbar sind. Dies erhöht die Leistung der Website und verkürzt die Ladezeit Ihrer Website.

Zweifellos ist das Hinzufügen von visuellen Inhalten eine der besten Möglichkeiten, das Engagement der Nutzer auf Ihrer Website zu steigern. Das Hinzufügen von zu vielen Bildern auf einer Webseite kann sich jedoch direkt auf ihre Geschwindigkeit und Leistung auswirken.

Das "Lazy Loading" von Bildern ist eine Lösung für das Leistungsproblem, da nicht alle Bilder auf eine Seite geladen werden, wenn die Besucher sie nicht tatsächlich sehen.

Mit WordPress 5.5 können Sie jetzt das "Lazy Loading" von Bildern ohne weitere Konfiguration nutzen.

Wenn Sie jedoch anpassen möchten, wie Ihre Bilder langsam geladen werden, und wenn Sie Hintergrundbilder langsam laden möchten, dann müssen Sie ein WordPress-Plugin verwenden.

Wie man Lazy Load Bilder in WordPress einrichtet

Ohne Zeit zu verschwenden, gehen wir nun zum nächsten Schritt über und erfahren, wie einfach es ist, Lazy-Load-Bilder in WordPress mit den ersten beiden Methoden einzurichten.

Methode 1: Verwenden Sie das WPRocket Cache Plugin

WPRocket ist das beste Cache-Plugin, das Ihre Website 5x schneller macht. Obwohl es ein kostenpflichtiges Plugin ist, sind die Funktionen, die es bietet, mühelos.

Schauen wir uns an, wie Sie mit WPRocket Lazy Load Images aktivieren können.

Wir gehen davon aus, dass Sie dieses Plugin bereits eingerichtet haben. Falls nicht, lesen Sie unsere Anleitung, wie Sie das WPRocket-Plugin in WordPress einrichten können.

Alles, was Sie tun müssen, ist, zum WPRocket-Konto zu gehen und zu Medien zu navigieren.

Hier können Sie zwei verschiedene Optionen sehen:

  • Aktivieren für Bilder: Es kann die Ladezeit der Website für Bilder verbessern.
  • Aktivieren Sie Iframes oder Videos: Sie können auch das träge Laden für Videos aktivieren.

Hier ein kurzes Beispiel:

WPRocket Medieneinstellungen

Bonus-Tipp: Wenn Sie den besten Hosting-Anbieter wie SiteGround verwenden, können Sie ein kostenloses SiteGround Optimizer Plugin mit ähnlichen Lazy-Loading-Funktionen nutzen.

Gehen wir nun zur nächsten Methode über.

Methode 2: WordPress Lazy Loading mit Plugin einrichten

Lazy Load Images Plugin

Obwohl es eine ganze Reihe von Plugins gibt, die lazy loading images anbieten, ist eines der besten der EWWW Image Optimizer.

Das EWWW Image Optimizer Plugin ist völlig kostenlos und einfach zu benutzen.

Als Erstes müssen Sie dieses Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in der ausführlichen Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung erscheint die Registerkarte EWWW Image Optimizer unter den Einstellungen im WordPress-Admin-Dashboard. Es werden einige Fragen zur Konfiguration gestellt.

EWWW Image Optimizer Einstellungen

Auf dem nächsten Bildschirm sehen Sie einige vom EWWW-Plugin empfohlene Einstellungen, die Sie bei Bedarf ändern können.

In diesem Tutorial konzentrieren wir uns auf Lazy Load , also aktivieren wir das Kontrollkästchen Lazy Load und klicken auf Save Settings.

EWWW Empfohlene Einstellungen

Das war's schon! Jetzt sind Ihre Website-Bilder automatisch lazy loading und optimiert.

Klicken Sie auf die Schaltfläche "Fertig".

Nachdem Sie auf die Schaltfläche Fertig geklickt haben, sehen Sie den Optimierungswert und die restlichen Einstellungen, die Sie ändern können.

EWWW Bildeinstellungen

Das ist alles! Wir hoffen, dieser Beitrag hat Ihnen geholfen zu verstehen, wie WordPress Lazy Load die Geschwindigkeit Ihrer Website erhöht und mit SEO optimiert wird.

Und wenn Sie mehr über SEO erfahren möchten, besuchen Sie bitte unseren ultimativen WordPress SEO-Leitfaden.

Worauf warten Sie noch? Starten Sie noch heute mit dem leistungsstärksten WordPress AIOSEO-Plugin.

Möchten Sie AIOSEO kostenlos testen?

Geben Sie die URL Ihrer WordPress-Website ein, um AIOSEO Lite zu installieren.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Wir empfehlen nur Produkte, von denen wir glauben, dass sie unseren Lesern einen Mehrwert bieten.

Kommentar hinzufügen

Wir freuen uns, dass Sie sich entschieden haben, einen Kommentar zu hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links Nofollow sind. Verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und bedeutungsvolles Gespräch führen.