Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 02.10.2022, 20:10
Basti82 Basti82 ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.07.2008
Ort: Idstein
Beiträge: 79
Basti82 befindet sich auf einem aufstrebenden Ast
Frage [s] Responsive Image und Lazy Loading 2022 ?

Ich suche nach einer guten Lösung für Responsive Image und Lazy Loading wie man es heute umsetzt.

Seit langer Zeit verwende ich immer data-src mit javaScript:


HTML-Code:
<a href="/here-is-a-link/" title="Test Image">
    <img
        src="https://xhtmlforum.de/.../csm_domenico-loia-hGV2TfOh0ns-unsplash_24771fe133.jpg"
        data-src=".../csm_domenico-loia-hGV2TfOh0ns-unsplash_24771fe133a.jpg"
        data-bigger=".../csm_domenico-loia-hGV2TfOh0ns-unsplash_24771fe133b.jpg"
        data-large=".../csm_domenico-loia-hGV2TfOh0ns-unsplash_24771fe133.jpg"
        data-medium=".../csm_domenico-loia-hGV2TfOh0ns-unsplash_24771fe133f.jpg"
        data-small=".../csm_domenico-loia-hGV2TfOh0ns-unsplash_24771fe133e.jpg"
        title="Test Image"
        alt="Test Image"
        class="lazyload img-fluid border-0 rounded-0 mb-6"
        data-preload="true"
        style="opacity: 1;"
    >
    <noscript>
        <img src="https://xhtmlforum.de/.../csm_domenico-loia-hGV2TfOh0ns-unsplash_24771fe133.jpg" title="" alt="" />
    </noscript>
</a>
In diesem Beispiel scheidet und verkleinert mir das CMS die Bilder in den richtigen Auflösungen / Größen.

Gibt es denn mittlerweile bessere Lösungen?
Besonders was den Suchmaschinen gefällt und den Pagespeed verbessert?
Mit Zitat antworten
Sponsored Links