Snellere WooCommerce-shops met lichtere productfoto’s
Shop-voordelen
- Kleinere gallery-loads
- Betere mobiele ervaring
- Minder hosting-bandbreedte
Waarom productfoto's de grootste sneeuwbal zijn in een webshop
Stappenplan: je productcatalogus optimaliseren
Inventariseer je grootste categorieën
Kies een compressieprofiel dat bij productfotografie past
Verwerk galerij- en variatieafbeeldingen in bulk
Controleer een steekproef productpagina's visueel
Meet de laadtijd voor en na
Formaten voor productfoto’s vergelijken
| Formaat | Typische besparing t.o.v. het origineel | Geschikt voor |
|---|---|---|
| AVIF | Meestal de grootste besparing; in onze tests tot 94% kleiner dan het origineel. | Hoofdafbeeldingen en zoom-foto's met veel detail, op browsers die het ondersteunen. |
| WebP | Ruime besparing met brede ondersteuning; meestal 25 tot 50 procent kleiner dan een vergelijkbare JPEG. | Galerij- en variatiethumbnails als brede fallback. |
| JPEG (geoptimaliseerd) | Kleinere winst dan AVIF of WebP, maar overal weergegeven. | Productfeeds en kanalen die alleen JPEG accepteren. |
| PNG | Beperkte besparing; alleen zinvol comprimeren. | Productafbeeldingen met transparantie, zoals uitgesneden productfoto’s. |
Veelgemaakte fouten bij shop-afbeeldingen
- Zoom-afbeeldingen te agressief comprimeren, waardoor details verloren gaan bij het inzoomen.
- Alleen de hoofdafbeelding optimaliseren en variatiethumbnails overslaan.
- Na optimalisatie geen alt-tekst toevoegen of controleren, terwijl dat juist belangrijk is voor productvindbaarheid.
- Dubbele productgalerijen laten staan doordat zowel het thema als een plugin afbeeldingen inladen.
- De cache niet legen na een bulk-run, waardoor bezoekers nog de oude, grotere bestanden zien.
Veelgestelde vragen
Ja. Variatiethumbnails lopen gewoon mee in de verwerking, dus je hoeft ze niet los te behandelen.
Dat hangt af van het gekozen compressieprofiel. Test het profiel op een paar representatieve productfoto’s voordat je de hele catalogus verwerkt, zeker bij foto’s met veel fijn detail.
Spark optimaliseert het onderliggende bestand, ongeacht welke galerij-component je thema gebruikt. Grote thema- of pluginwissels kun je het beste eerst op staging testen.
Ja, zolang de afbeeldingen in je mediabibliotheek terechtkomen, kunnen ze worden meegenomen in de verwerking.
De bestanden in je mediabibliotheek veranderen, dus controleer na een grote wijziging of je feed nog de juiste, actuele afbeeldingen aanlevert.
Nee. Optimalisatie werkt op het onderliggende mediabestand, dat meestal door alle taal- en valutavarianten wordt gedeeld.