Google bewertet seit dem Update im Juni 2021 Inhalte, die "above the fold", also im ersten sichtbaren Bereich geladen werden anders als bislang. Für eine bessere Bewertung dieses Largest Contentful Paint muss in den Optionen des Bilder der Haken bei "Activate lazy loading" deaktiviert werden.
Die Bildbehandlung der Basis setzt auf ein adaptives Verfahren des Responsive Webdesign: Redakteure laden Bilder in beliebig ausreichender Datengröße hoch und beim Laden der Seite liefert das System das für die anfragende Bildschirmgröße optimierte Bild aus.
Zudem werden nur die Bilder geladen, die sich im sichtbaren Bereich befinden. Beim Scrollen werden weitere geladen.
So werden die Ladezeiten einer Seite drastisch reduziert.
Bild oben
Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in. Pellentesque vel ex eget ante sodales maximus id molestie leo. Praesent sed sapien mauris. Suspendisse potenti. Curabitur pellentesque urna sed arcu pulvinar sollicitudin. Cras vel velit malesuada, tincidunt enim sit amet, commodo ante. Duis quis lectus purus. Nam non tellus id nibh scelerisque varius. In hac habitasse platea dictumst. Sed non elementum massa. Nullam et posuere tortor. Curabitur lectus justo, rhoncus sed sollicitudin sit amet, commodo et leo. Duis mollis venenatis nisl maximus viverra.
Bild unten
Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in. Pellentesque vel ex eget ante sodales maximus id molestie leo. Praesent sed sapien mauris. Suspendisse potenti. Curabitur pellentesque urna sed arcu pulvinar sollicitudin. Cras vel velit malesuada, tincidunt enim sit amet, commodo ante. Duis quis lectus purus. Nam non tellus id nibh scelerisque varius. In hac habitasse platea dictumst. Sed non elementum massa. Nullam et posuere tortor. Curabitur lectus justo, rhoncus sed sollicitudin sit amet, commodo et leo. Duis mollis venenatis nisl maximus viverra.
Bild im Text oben links
Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in. Pellentesque vel ex eget ante sodales maximus id molestie leo. Praesent sed sapien mauris. Suspendisse potenti. Curabitur pellentesque urna sed arcu pulvinar sollicitudin. Cras vel velit malesuada, tincidunt enim sit amet, commodo ante. Duis quis lectus purus. Nam non tellus id nibh scelerisque varius. In hac habitasse platea dictumst. Sed non elementum massa. Nullam et posuere tortor. Curabitur lectus justo, rhoncus sed sollicitudin sit amet, commodo et leo. Duis mollis venenatis nisl maximus viverra.
Layout Infobox Bild oben
Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in. Pellentesque vel ex eget ante sodales maximus id molestie leo. Praesent sed sapien mauris. Suspendisse potenti. Curabitur pellentesque urna sed arcu pulvinar sollicitudin. Cras vel velit malesuada, tincidunt enim sit amet, commodo ante. Duis quis lectus purus. Nam non tellus id nibh scelerisque varius. In hac habitasse platea dictumst. Sed non elementum massa. Nullam et posuere tortor. Curabitur lectus justo, rhoncus sed sollicitudin sit amet, commodo et leo. Duis mollis venenatis nisl maximus viverra.
Layout Infobox Bild unten
Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in. Pellentesque vel ex eget ante sodales maximus id molestie leo. Praesent sed sapien mauris. Suspendisse potenti. Curabitur pellentesque urna sed arcu pulvinar sollicitudin. Cras vel velit malesuada, tincidunt enim sit amet, commodo ante. Duis quis lectus purus. Nam non tellus id nibh scelerisque varius. In hac habitasse platea dictumst. Sed non elementum massa. Nullam et posuere tortor. Curabitur lectus justo, rhoncus sed sollicitudin sit amet, commodo et leo. Duis mollis venenatis nisl maximus viverra.
Layout Infobox Bild unten
Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in. Pellentesque vel ex eget ante sodales maximus id molestie leo. Praesent sed sapien mauris. Suspendisse potenti. Curabitur pellentesque urna sed arcu pulvinar sollicitudin. Cras vel velit malesuada, tincidunt enim sit amet, commodo ante. Duis quis lectus purus. Nam non tellus id nibh scelerisque varius. In hac habitasse platea dictumst. Sed non elementum massa. Nullam et posuere tortor. Curabitur lectus justo, rhoncus sed sollicitudin sit amet, commodo et leo. Duis mollis venenatis nisl maximus viverra.
Bild oben Rechts (Originalgröße)
Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in. Pellentesque vel ex eget ante sodales maximus id molestie leo. Praesent sed sapien mauris. Suspendisse potenti. Curabitur pellentesque urna sed arcu pulvinar sollicitudin. Cras vel velit malesuada, tincidunt enim sit amet, commodo ante. Duis quis lectus purus. Nam non tellus id nibh scelerisque varius. In hac habitasse platea dictumst. Sed non elementum massa. Nullam et posuere tortor. Curabitur lectus justo, rhoncus sed sollicitudin sit amet, commodo et leo. Duis mollis venenatis nisl maximus viverra.
Bild oben Links (Originalgröße)
Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in. Pellentesque vel ex eget ante sodales maximus id molestie leo. Praesent sed sapien mauris. Suspendisse potenti. Curabitur pellentesque urna sed arcu pulvinar sollicitudin. Cras vel velit malesuada, tincidunt enim sit amet, commodo ante. Duis quis lectus purus. Nam non tellus id nibh scelerisque varius. In hac habitasse platea dictumst. Sed non elementum massa. Nullam et posuere tortor. Curabitur lectus justo, rhoncus sed sollicitudin sit amet, commodo et leo. Duis mollis venenatis nisl maximus viverra.
Parallax-Hintergrundbild
Das Parallax-Hintergrundbild ist streng genommen nicht mittels des adaptiven Verfahrens eingebunden, aber Bestandlich des kreativen Umgangs mit Bildern.
Pellentesque sagittis sem at sodales lacinia. Pellentesque et vulputate metus, in dapibus risus. Aliquam in nisi libero. Integer porttitor sagittis purus, eu fermentum sapien tincidunt in. Pellentesque vel ex eget ante sodales maximus id molestie leo. Praesent sed sapien mauris. Suspendisse potenti. Curabitur pellentesque urna sed arcu pulvinar sollicitudin. Cras vel velit malesuada, tincidunt enim sit amet, commodo ante. Duis quis lectus purus. Nam non tellus id nibh scelerisque varius. In hac habitasse platea dictumst. Sed non elementum massa. Nullam et posuere tortor. Curabitur lectus justo, rhoncus sed sollicitudin sit amet, commodo et leo. Duis mollis venenatis nisl maximus viverra.