1. Optimierung eines Hero-Banners
WebdesignerHintergrund
Ein großes Header-Bild auf einer Landingpage lädt bei mobilen Nutzern zu langsam und erscheint erst nach einer Verzögerung.
Aufgabe
Das Bild wird als Standard-JPEG geladen, was zu einer schlechten 'Largest Contentful Paint' (LCP) Metrik führt.
Verwendung
Laden Sie das Banner hoch, aktivieren Sie 'MozJPEG' und 'Scans optimieren', um die beste Kompression zu erzielen.
quality: 80, scanCount: 10, optimizeScans: true, mozjpeg: trueErgebnis
Das Bild lädt nun progressiv, wodurch die Seite für den Nutzer schneller einsatzbereit wirkt.