In diesem Beitrag geht es um die Lazy Load-Funktion in WordPress. Lazy Load kann die Performance und Ladezeit der Website verbessern, sowie sogar bei DSGVO-Themen helfen, in dem Inhalte (Bilder, Videos, Anwendungen, …) nicht sofort geladen werden, sondern erst dann geladen werden, wenn der jeweilige Inhalt am Bildschirm erscheint. Das bedeutet, dass beim Öffnen der jeweiligen Seite nur das geladen wird, was man sieht und erst beim Scrollen laden stückweise alle anderen Inhalte auf dieser einen Seite. Diese Funktion macht in den meisten Fällen absolut Sinn.
Lazy Load mit WordPress Elementor verwenden
Die Lazy Load-Funktion des WordPress-Editos Elementor sorgt dafür, dass bestimmte Inhalte (Bilder, Videos, iFrames, …) erst geladen werden, wenn sie im sichtbaren Bereich des Bildschirms erscheinen (also „sichtbar werden“ beim Scrollen). Nochmals kurz erklärt:
- Website ohne Lazy Load-Funktion: Alle Bilder und Inhalte werden beim Seitenaufruf sofort geladen – auch die, die ganz unten auf der Seite sind.
- Website mit Lazy Load-Funktion: Nur die Inhalte im sichtbaren Bereich werden gleich geladen. Der Rest wird erst geladen wenn dieser sichtbar wird.
Grundsätzliche Vorteile von Lazy Load:
- Schnellere Ladezeit der Seite, speziell wenn viele Bilder und Videos verwendet werden.
- Weniger Serverlast und somit grundlegend bessere Performance.
- Bessere Core Web Vitals, was sich positiv auf ein besseres Google-Ranking auswirken kann, Stichwort: User Experience.
Ein spezifischer Vorteil von Lazy Load in Bezug auf den Elementor (in einer WordPress-Website) ist die Möglichkeit YouTube-Videos damit DSGVO-konform einzubinden. Das kann dann so aussehen:
Mit einem Klick auf diesen Button laden Sie ein YouTube-Video und erteilen somit die Zustimmung für das Laden von YouTube-Cookies
Wenn Sie diesen Button klicken, dann laden Sie ein YouTube-Video mit erweitertem Datenschutz (youtube-nocookie.com). Es werden beim Erscheinen des Videos (Vorschaubild), beziehungsweise beim Abspielen des Videos, Cookies (Domain: .google.com) geladen. Mit einem Klick auf den Button stimmen Sie ausdrücklich der Nutzung von YouTube-Cookies zu. Mehr Informationen erhalten Sie in unseren Datenschutzbestimmungen.
Lazy Load mit WordPress Elementor aktivieren
Die Lazy Load-Funktion befindet sich direkt im Elementor in den Einstellungen des jeweiligen Elements / Widgets. Auf der Abbildung sieht man den Umschalter „Ja“ für die Lazy Load-Funktion des Video-Elements. Man kann auch zum Beispiel ganze Bilder-Galerien und Slideshows mit dieser Funktion ausstatten, um die Nutzererfahrung in Form von schnellerer Ladezeit zu verbessern. Es gibt aber noch viele weitere Möglichkeiten, um eine WordPress-Website schneller zu machen.
Fachliche Hilfe benötigt?
Wenn Sie Fragen zu diesem speziellen Thema haben, dann stehe ich Ihnen gerne beratend zur Verfügung. Senden Sie mir bitte einfach Ihre unverbindliche Anfrage.
