Verbesserte responsive Bilder für WordPress
Enhanced Responsive Images ist ein kostenloses WordPress-Plugin, das experimentelle Verbesserungen für die Funktionalität von responsiven Bildern implementiert. Es optimiert die Genauigkeit des size-Attributs, indem es verfügbare Layoutinformationen des Themes nutzt. Dies ermöglicht eine effizientere Handhabung von Bildern auf Webseiten, insbesondere bei der Darstellung auf unterschiedlichen Bildschirmgrößen. Das Plugin unterstützt die neue HTML-Spezifikation, die es ermöglicht, sizes="auto" für lazy-loaded Bilder hinzuzufügen, was die Ladezeiten weiter verbessert.
Das Plugin arbeitet in Verbindung mit dem Image Prioritizer-Plugin. Wenn letzteres aktiviert ist, lernt es, welche Bilder sich nicht im anfänglichen Sichtbereich befinden, basierend auf dem Verhalten tatsächlicher Besucher der Webseite. Sobald es erkennt, welche Bilder unterhalb der Falz liegen, fügt es den Bildern das Attribut loading=lazy hinzu. Enhanced Responsive Images erweitert die Funktionalität von Image Prioritizer, indem es auch sizes=auto zu diesen lazy-loaded Bildern hinzufügt. Es sind keine Einstellungen oder Benutzeroberflächen erforderlich, da das Plugin ohne Konfiguration funktioniert.
