Hallo!
Ich habe folgendes Problem. Ich habe einen Hero-Banner eingebaut. Der wird als folgendes dargestellt:
Nun wird im mobilen Ansicht beide Bilder hochgeladen, egal was ich mache.
Fun-Fact am Rande: Der Shop will unbedigt einen schließenden Source-Tag machen. Wenn das Bild im Template-Dateien hängt, wird direkt nachdem source-Tag ein </source> hinzufügt. Wenn aber man über OnPage Composer den Hero-Banner als Rich-Text darstellt (es gibt kein HTML-Code Portlet mehr, soweit ich mich erinnere, war ein anfangs), macht der Shop mit dem selben Code folgendes:
Das alles beeinflusst negativ den PageSpeed-Test.
Ich bin bereits mit meinem Latein komplett am Ende und habe keine Ahnung was ich alles machen muss, dass der Shop keine zwei Bilder am Handy lädt.
War dumm, hatte das Bild noch als preload im Header gehabt.
P.S. Der Shop lädt auch die .ttf-Dateien von Parent-NOVA-Template, obwohl ich im CSS nur woff2 habe.
Code:
<picture>
<source media="(max-width: 760px)" srcset="https://leoversand.de/assets/images/backgrounds/background-hero-mobile.webp"/>
<img src="https://leoversand.de/assets/images/backgrounds/bg-startseite-hero-2400.webp" alt="hero-bild" class="leo-hero__bg-img" fetchpriority="high" loading="eager" decoding="async">
</picture>Fun-Fact am Rande: Der Shop will unbedigt einen schließenden Source-Tag machen. Wenn das Bild im Template-Dateien hängt, wird direkt nachdem source-Tag ein </source> hinzufügt. Wenn aber man über OnPage Composer den Hero-Banner als Rich-Text darstellt (es gibt kein HTML-Code Portlet mehr, soweit ich mich erinnere, war ein anfangs), macht der Shop mit dem selben Code folgendes:
Code:
<picture>
<source media="(max-width: 760px)" srcset="https://leoversand.de/assets/images/backgrounds/background-hero-mobile.webp">
<img src="https://leoversand.de/assets/images/backgrounds/bg-startseite-hero-2400.webp" alt="hero-bild" class="leo-hero__bg-img" fetchpriority="high" loading="eager" decoding="async">
</source>
</picture>Ich bin bereits mit meinem Latein komplett am Ende und habe keine Ahnung was ich alles machen muss, dass der Shop keine zwei Bilder am Handy lädt.
War dumm, hatte das Bild noch als preload im Header gehabt.
P.S. Der Shop lädt auch die .ttf-Dateien von Parent-NOVA-Template, obwohl ich im CSS nur woff2 habe.
Zuletzt bearbeitet: