• Zur Hauptnavigation springen
  • Skip to main content
  • Zur Fußzeile springen
Againstmedia

Againstmedia

Der Pegasus unter den Schafen

  • Über Uns
  • Unsere Leistungen
  • Unsere Arbeit
  • Referenzen
  • Blog
  • Kontakt
Aktuelle Seite: Startseite / Wissen / WordPress 5.4 mit Lazy-Loading
Titelbild des WordPress Updates 5.4

WordPress 5.4 mit Lazy-Loading

WordPress kündigte an, dass WordPress 5.4 standardmäßig mit Lazy-Loading ausgestattet sein wird. Diese Funktion wird das HTML-Attribut „Laden“ auf allen IMG-Elementen aktivieren. Sie benötigen nicht mehr länger JavaScript oder Drittanbieter Plugins für das Lazy-Loading ihrer Bilder.

Lazy Loading

Das Lazy-loading HTML-Attribut weist einen Browser an, entweder zu warten, bevor ein Bild heruntergeladen wird, oder es sofort herunterzuladen. Dazu ist kein JavaScript erforderlich.

Es gibt drei Arten von Lazy-loading-Attributen, aber nur zwei, die wirklich wichtig sind:

Lazy
Eager

Lazy, das in WordPress 5.4 standardmäßig aktiviert ist, bedeutet, dass vor dem Herunterladen des Bildes gewartet werden muss, bis sich das Ansichtsfenster des Browsers des Benutzers in einer bestimmten Entfernung befindet. Dieses Verhalten beschleunigt die Nutzung von WordPress-Sites durch den Benutzer.

Das Attribut „eager“ weist den Browser an, das Bild sofort herunterzuladen.

WordPress 5.4 Release Date

WordPress 5.4 wird am 31. März 2020 veröffentlicht. Dieses Datum kann sich je nach dem Stand der Fertigstellung ändern. WordPress Release Kalender

Laut der WordPress-Ankündigung:

„Die Implementierung versucht, das Lazy-Loading von Bildern standardmäßig zu aktivieren, indem das Ladeattribut bei den folgenden img-Tags mit dem Wert lazy versehen wird:

  • Bilder im Post-Inhalt
  • Bilder in Postausschnitten
  • Bilder in Kommentaren
  • Bilder im Inhalt von Text-Widgets
  • Einzelne Bilder werden über wp_get_attachment_image() gerendert.
  • Über get_avatar() gerenderte Avatar-Bilder

Beachten Sie, dass loading=“lazy“ nur dann hinzugefügt wird, wenn das entsprechende Tag noch kein Ladeattribut enthält. Mit anderen Worten, um zu verhindern, dass ein Bild lazy geladen wird, wird empfohlen, loading=“eager“ anzugeben.

Google hat über Web.dev darauf hingewiesen, dass es Pläne gibt, das Lazy-loading für alle Bilder automatisch zu aktivieren, wenn ein Browser im Lite-Modus (früher bekannt als Datensparmodus) arbeitet.

Testen Sie WordPress Lazy-Loading

Das WordPress-Team hat offiziell ein WordPress-Plugin zum Testen freigegeben. Alle, die es testen und Feedback geben möchten, sind herzlich eingeladen, das Plugin herunterzuladen und auszuprobieren.

Lesen Sie die offizielle WordPress-Ankündigung hier: Lazy-Loading-WordPress

Laut WordPress werden die Lazy-Loading-Attribute so implementiert, dass sie leicht entfernt werden können. Dies ist wichtig für den Fall, dass zukünftige Browser standardmäßig „lazy-loading“ verwenden, ohne dass ein Ladeattribut erforderlich ist.

Das Feature Lazy Loading (=einfacher gesprochen, Aufschieben der Inhalte) kommt bei allen unseren Kundenprojekten Standardmässig zum Einsatz.

Sie haben Fragen oder Anregungen zum Thema WordPress? Wir freuen uns auf Ihr Feedback.

  • Auf Twitter teilen
  • Auf Facebook teilen
  • Auf Pinterest teilen
  • Auf LinkedIn teilen
  • Teilen via Reddit
  • Per E-Mail teilen

Stichworte: Update, Website, WordPress

Bereit für den nächsten Schritt?

Againstmedia entwickelt individuelle Lösungen, die Ihre Marke aufwerten und Ihr Geschäft aufbauen.

🤙🏻Anruf
WhatsApp

Unsere letzten Artikel

Videos komprimieren mit dem VLC Player

Custom Post Type für WordPress im Atom Editor

Custom Post Type in Genesis Child Themes

Editor mit geöffneter functions.php bereit zum Bearbeiten

Admin Account über die functions.php hinzufügen

Unsere Leistungen

Wir erstellen Ihre Website ,Ihren Online Shop oder die auf Conversions optimierte Landing Page für Ihr Produkt oder Dienstleistung
—
Technisches SEO – Unsere Maßnahmen für eine technisch optimierte Website
—
Social Media Marketing – Kampagnen und Inhalt inkl. Erstellung
—
Online Marketing – SEA Suchmaschinen Werbung – Email Marketing
—
Druckprodukte wie Flyer, Briefpapier und Visitenkarten 
—
Erstellung von Logo, Marke und Identität Ihres Unternehmens

Footer

  • Website und Webshop
  • SEO
  • Online Marketing
  • Social Media Marketing
  • Corporate Design
  • Druckprodukte
  • Telefon
  • E-Mail
  • Facebook
  • Instagram
  • GitHub
Sofortkontakt👩🏼‍💻
  • FAQ
  • Impressum
  • Datenschutz
  • Cookie-Richtlinie
Einwilligung ändern

© 2017–2022
Againstmedia GmbH
#incrediblesupport