Warum texturlastige Seiten langsam werden
Texturen sind bildlastiger Inhalt. Eine Galerie mit 50 Vorschauen als unkomprimierte PNGs könnte 25–50 MB übertragen. Ziel: hochwertige Vorschauen bei unter 2 MB initialer Last.
Formatwahl: WebP statt PNG
WebP erreicht 25–35% kleinere Dateien als PNG bei gleichwertiger Qualität.
Lazy Loading und responsive Bilder
Das Attribut loading=“lazy” verzögert das Laden bis Bilder im Viewport erscheinen. Nutzen Sie srcset für geräteangepasste Bildgrößen.
CDN und Caching
Liefern Sie Bilder über CDN mit aggressiven Cache-Headern. Nutzen Sie Cache-Control: public, max-age=31536000, immutable für statische Thumbnails.
Leistung messen
Verwenden Sie Lighthouse oder WebPageTest für LCP und TBT. Überwachen Sie Core Web Vitals in der Google Search Console.