Zum Hauptinhalt springen
SparkCore
SparkCore

Schnellere WooCommerce-Shops mit leichteren Produktfotos

Katalog- und Galeriebilder zählen auf Mobilgeräten doppelt. Spark optimiert sie in großer Menge.

Shop-Vorteile

  • Kleinere Galerie-Ladevorgänge
  • Bessere mobile Erfahrung
  • Weniger Hosting-Bandbreite

Warum Produktfotos in einem Onlineshop der größte Schneeball sind

Eine Produktseite zeigt schnell ein Hauptbild, eine Galerie, mehrere Variantenthumbnails und eine Reihe verwandter Produkte. Multipliziert mit Hunderten oder Tausenden Produkten wächst die gesamte Bildlast eines Onlineshops schneller als bei einer gewöhnlichen Content-Seite. Langsame Produktbilder wirken sich zudem direkt auf die Conversion aus: Besucher warten ungern auf eine Kategorieseite, die sich langsam aufbaut.

Schritt für Schritt: Ihren Produktkatalog optimieren

Erfassen Sie Ihre größten Kategorien

Beginnen Sie bei den Kategorien mit den meisten Produkten und Varianten. Dort liegt meist der größte Gewinn, weil jede Variante oft einen eigenen Satz Bilder hat.

Wählen Sie ein Kompressionsprofil, das zur Produktfotografie passt

Produktfotos mit vielen Details, etwa Stoff, Textur oder kleinen Bauteilen, vertragen weniger aggressive Kompression als zum Beispiel ein Logo oder Banner. Testen Sie das Profil zunächst an ein paar repräsentativen Fotos.

Galerie- und Variantenbilder in großer Menge verarbeiten

Lassen Sie nicht nur das Hauptbild mitlaufen, sondern auch Galeriefotos und Variantenthumbnails. Sie werden oft vergessen, bestimmen aber zusammen einen großen Teil der Seitengröße.

Prüfen Sie eine Stichprobe von Produktseiten visuell

Öffnen Sie nach der Verarbeitung einige Produktseiten, einschließlich der Zoomfunktion, falls Sie sie nutzen, und prüfen Sie, ob Details noch scharf genug sind.

Ladezeit vorher und nachher messen

Vergleichen Sie eine Produkt- und eine Kategorieseite vor und nach der Optimierung mit einem Tool wie Lighthouse oder PageSpeed Insights, damit Sie die Wirkung schwarz auf weiß haben.

Formate für Produktfotos im Vergleich

Auch bei Produktfotos ist nicht jedes Format automatisch die beste Wahl:
FormatTypische Ersparnis gegenüber dem OriginalGeeignet für
AVIFMeist die größte Ersparnis; in unseren Tests bis zu 94 % kleiner als das Original.Hauptbilder und Zoomfotos mit vielen Details, in Browsern, die es unterstützen.
WebPDeutliche Ersparnis bei breiter Unterstützung; meist 25 bis 50 Prozent kleiner als ein vergleichbares JPEG.Galerie- und Variantenthumbnails als breite Fallback-Lösung.
JPEG (optimiert)Geringere Ersparnis als bei AVIF oder WebP, dafür überall darstellbar.Produktfeeds und Kanäle, die nur JPEG akzeptieren.
PNGBegrenzte Ersparnis; nur Komprimieren ist sinnvoll.Produktbilder mit Transparenz, etwa freigestellte Produktfotos.

Häufige Fehler bei Shop-Bildern

  • Zoombilder zu aggressiv komprimieren, sodass beim Hineinzoomen Details verloren gehen.
  • Nur das Hauptbild optimieren und Variantenthumbnails überspringen.
  • Nach der Optimierung keinen Alt-Text hinzufügen oder prüfen, obwohl er für die Auffindbarkeit von Produkten wichtig ist.
  • Doppelte Produktgalerien stehen lassen, weil sowohl das Theme als auch ein Plugin Bilder laden.
  • Den Cache nach einem Bulk-Lauf nicht leeren, sodass Besucher noch die alten, größeren Dateien sehen.

Häufig gestellte Fragen

Ja. Variantenthumbnails laufen ganz normal in der Verarbeitung mit, Sie müssen sie also nicht separat behandeln.

Das hängt vom gewählten Kompressionsprofil ab. Testen Sie das Profil an ein paar repräsentativen Produktfotos, bevor Sie den gesamten Katalog verarbeiten, besonders bei Fotos mit vielen feinen Details.

Spark optimiert die zugrunde liegende Datei, unabhängig davon, welche Galerie-Komponente Ihr Theme verwendet. Größere Theme- oder Plugin-Wechsel testen Sie am besten zuerst auf Staging.

Ja, solange die Bilder in Ihrer Mediathek landen, können sie in die Verarbeitung einbezogen werden.

Die Dateien in Ihrer Mediathek ändern sich, prüfen Sie daher nach einer größeren Änderung, ob Ihr Feed noch die richtigen, aktuellen Bilder liefert.

Nein. Die Optimierung wirkt auf die zugrunde liegende Mediendatei, die meist von allen Sprach- und Währungsvarianten gemeinsam genutzt wird.