Lighthouse - Bilder in modernen Formaten bereitstellen

[Fulano]

Moin,

beim Versuch eine Seite, die mit Contao 4.13 läuft, zu optimieren habe ich Probleme mit Bildern.

Es wurden diverse Bildgrößen im Bereich Themes definiert. Dabei wurden bei "Bildformate konvertieren" die Optionen PNG -> WEBP, JPG -> WEBP und GIF -> WEBP aktiviert, siehe Screenshot:
bilder-01.jpg

Wenn ich nun einen Test mit Lighthouse mache, meckert das Tool an den Bildern rum. Es wird eine Liste mit Bildern angezeigt, die im png-Format geladen werden.

bilder-02.jpg


In den Entwicklertools habe ich das:

<figure class="image_container">
<picture>
<source srcset="assets/images/5/slide-image-xyz-2c90f82e.webp" type="image/webp" width="575" height="304">
<img src="assets/images/5/slide-image-xyz-ff48d1c4.png" width="575" height="304" alt="">
</picture>
</figure>

Muss ich noch irgendetwas anderes konfigurieren, damit das System die webp-Bilder ausspielt?

[Spooky]

Laut dem was du gepostet hast wird webp bereits ausgespielt.

[Fulano]

Laut dem was du gepostet hast wird webp bereits ausgespielt.

Ja, Bilder in webp sind da. Die Bilder, die im Browser ausgespielt werden, sind auch Bilder im webp Format. Trotzdem meckert Lighthouse die ursprünglichen pngs an.

bilder-03.jpg

Ich verstehe auch nicht warum sind die png in den Assets Ordnern und die webp? Eigentlich sollen doch nur die webp genutzt werden, sind die png, in den Assets Ordnern, dann nicht überflüssig?

[Spooky]

Ja, Bilder in webp sind da. Die Bilder, die im Browser ausgespielt werden, sind auch Bilder im webp Format. Trotzdem meckert Lighthouse die ursprünglichen pngs an.

bilder-03.jpg

Hm, kann ich mir aktuell auch nicht erklären.

Ich verstehe auch nicht warum sind die png in den Assets Ordnern und die webp? Eigentlich sollen doch nur die webp genutzt werden, sind die png, in den Assets Ordnern, dann nicht überflüssig?

Nein - wenn du diese Optionen setzt, wird WebP zusätzlich ausgespielt (siehe der Code den du gepostet hast). Der Browser entscheidet dann, was er nimmt.