Shopware 6 Performance & snelheid

Onze beste Shopware plugins voor snelheid

Drie plugins, en een volgorde op gewicht, niet op zichtbaarheid.

Een goede PageSpeed score is geen snelle winkel, Lighthouse meet een laboratorium, uw klant beleeft het omgekeerde. En het grootste gewicht is bijna altijd hetzelfde: de afbeeldingen.

Het probleem

Komt dit bekend voor?

Een score die iets anders meet

95 in het laboratorium, traag in werkelijkheid. De score meet niet wat uw klant beleeft.

Afbeeldingen die de lijn vullen

Eén enkele niet-geoptimaliseerde afbeelding weegt zwaarder dan al uw CSS.

Scripts op de verkeerde plek

Een marketingscript bovenaan de pagina blokkeert de rendering, zelfs als het pas laat nuttig is.

De fijnafstelling voor het gewicht

Milliseconden optimaliseren terwijl de megabytes intact blijven.

De shortlist

Onze selectie, gerangschikt

Elke module hieronder is gebouwd, onderhouden en ondersteund door ons team. De rangschikking weerspiegelt wat wij als eerste zouden installeren op een klantwinkel.

  1. WebP, AVIF, juiste dimensionering, CDN. Een productafbeelding weegt vaak zwaarder dan al uw CSS.

    Native beeldoptimalisatie voor Shopware 6.6 en 6.7. Automatische generatie van WebP en AVIF naast elke afbeelding, hercompressie van JPEG/PNG zonder zichtbaar verlies, verwijdering van…

  2. Elke snippet die u toevoegde, laadt ergens. Zien welk, en hem op de juiste plek zetten, niet overal.

    Injecteer en organiseer uw CSS- en JavaScript-snippets rechtstreeks in de themacompilatie van Shopware 6. Geïntegreerde code-editor, multi-kanaal containers, versiehistoriek, presetbibliotheek, import/export, safe mode, zonder…

  3. De PWA cachet wat niet verandert en beloont de terugkerende bezoeker. Niet de eerste indruk, de terugkeer.

    Verander uw Shopware 6.5, 6.6 en 6.7 shop in een installeerbare PWA (dynamisch manifest en service worker, offlinepagina, installatiebanner) en verstuur volledig zelfgehoste Web…

Vergelijking naast elkaar

Module Beste keuze voor Prijs Beoordeling Link
DataFirefly Image Optimizer: WebP, AVIF, Compressie en CDN voor Shopware 6 Eerst, het grootste gewicht 59,00
Custom Code Manager: CSS- en JS-snippets voor Shopware 6 De controle over uw eigen scripts 49,00
PWA en Push Notificaties plugin Shopware 6: DfPwaPush, zelfgehoste VAPID Web Push, Manifest en Service Worker, Campagnes, Zonder Afhankelijkheden De tweede pagina, instantaan 99,00

Een goede PageSpeed score is geen snelle winkel

Dat is de valkuil waar iedereen in trapt. Lighthouse meet een laboratoriumpagina, op een gesimuleerde verbinding, zonder uw cookies, zonder uw toestemmingsscript, zonder uw marketingtags. Uw klant beleeft het omgekeerde: een echte telefoon, een belast netwerk, alle scripts tegelijk.

En het grootste gewicht is bijna altijd hetzelfde

De afbeeldingen. Niet uw thema, niet Shopware. Eén enkele niet-geoptimaliseerde productafbeelding weegt zwaarder dan al uw CSS. Voordat u iets anders aanraakt, weeg wat werkelijk over de lijn gaat.

En de juiste volgorde is niet die je denkt

Eerst de afbeeldingen, het grootste gewicht. Dan de scripts die u zelf heeft toegevoegd. Pas daarna de fijnafstelling. In de andere richting optimaliseert u milliseconden terwijl u megabytes negeert.

Koopgids

Hoe te kiezen

Stop eerst met de score geloven

Een goede PageSpeed score is geen snelle winkel. Lighthouse meet een laboratorium: gesimuleerde verbinding, zonder uw cookies, zonder toestemmingsscript, zonder tags. Uw klant beleeft het omgekeerde. Meet op een echt apparaat, op een echt netwerk, daar waar verkocht wordt.

Dan de afbeeldingen, het grootste gewicht

Eén enkele niet-geoptimaliseerde productafbeelding weegt vaak zwaarder dan al uw CSS. WebP en AVIF, goed gedimensioneerd, met CDN: daar zit de grootste winst, en hij kost niets aan kwaliteit.

Dan wat u zelf heeft toegevoegd

Elk marketingscript, elke snippet laadt ergens, vaak op de verkeerde plek, waar hij de rendering blokkeert. Controleren waar en wanneer ze activeren, is vaak krachtiger dan welke thema-optimalisatie ook.

En de PWA beloont wie blijft

Ze versnelt het eerste bezoek niet, ze versnelt de tweede pagina: de cache maakt de terugkeer bijna instantaan. Als laatste in de volgorde, omdat de eerste indruk zich op de afbeeldingen afspeelt.

Wat u wint

Afbeeldingen die de lijn niet meer vullen

WebP en AVIF, goed gedimensioneerd, met CDN. Eerst het grootste gewicht, niet het meest zichtbare.

De controle over wat u toevoegde

Elk script dat u toevoegde, laadt ergens. Zien welk, en wanneer het activeert.

Scripts op de juiste plek, niet overal

Een snippet onderaan de pagina blokkeert de rendering van het begin niet. De plaats telt.

De tweede pagina, instantaan

De PWA verandert de tweede pagina in een instantane pagina. De cache werkt voor de terugkerende bezoeker.

De juiste metriek

Niet de Lighthouse score. De tijd tot het eerste zichtbare product is het cijfer dat verkoopt.

De juiste volgorde

U weegt voordat u optimaliseert. Eerst de megabytes, dan de milliseconden.

Implementatie

Van installatie tot resultaat

  1. Stop met de score geloven

    Lighthouse meet een laboratorium. Meet op een echt apparaat, een echt netwerk.

  2. Weeg eerst de afbeeldingen

    Een productafbeelding weegt vaak zwaarder dan al uw CSS.

  3. Optimaliseer het grootste gewicht

    WebP, AVIF, CDN. Dezelfde kwaliteit, een fractie van het gewicht.

  4. Controleer uw eigen scripts

    Een snippet bovenaan de pagina blokkeert de rendering. De plaats telt.

  5. Meet het juiste cijfer

    Niet de score. De tijd tot het eerste zichtbare product.

“We waren trots op onze 92 op PageSpeed. Toen testten we op een echte telefoon in de trein: acht seconden tot de eerste afbeelding. Het probleem waren nooit de scripts, het waren vier megabytes productfoto's per pagina.”

Klantervaring — Shopware winkel, mode

Veelgestelde vragen

Ik heb 95 op PageSpeed, waarom is mijn winkel traag?

Omdat Lighthouse een laboratoriumpagina meet: gesimuleerde verbinding, zonder uw cookies, zonder toestemmingsscript, zonder marketingtags. Uw klant beleeft het omgekeerde, echte telefoon, belast netwerk, alle scripts samen. Een goede score is goed nieuws over een laboratorium, niet over uw winkel.

Wat vertraagt een Shopware winkel het meest?

Bijna altijd de afbeeldingen. Eén enkele niet-geoptimaliseerde productafbeelding weegt vaak zwaarder dan al uw CSS. Voordat u scripts of thema retoucheert, weeg wat over de lijn gaat, en u zult zien waar de megabytes zitten.

Verlies ik kwaliteit met WebP of AVIF?

Nee. WebP en AVIF zijn recentere formaten: dezelfde kwaliteit, een fractie van het gewicht. Een fallback dekt de heel oude browsers. De winst is echt en kost u niets aan beeldkwaliteit.

Waarom telt de plaats van de scripts?

Omdat een script dat bovenaan de pagina activeert, de rendering blokkeert, zelfs als het pas aan het einde nuttig is. Controleren waar en wanneer de snippets activeren, is vaak effectiever dan het script zelf verkleinen.

Waarvoor dient een PWA voor de snelheid?

Voor de terugkerende bezoeker. De PWA cachet wat niet verandert en maakt de tweede pagina bijna instantaan. Ze versnelt het eerste bezoek niet, ze beloont wie blijft en verder klikt.

Welke metriek volgen?

De tijd tot het eerste zichtbare product, niet de Lighthouse score. De klant wacht niet op een volledige lading, hij wacht om zijn product te zien. Meet dat, op een echt apparaat, op een echt netwerk.

Waarmee beginnen?

Met de afbeeldingen, omdat ze het grootste gewicht zijn. Dan de scripts die u toevoegde. De PWA als laatste, ze verbetert de terugkeer, niet de eerste indruk. Volgorde op gewicht, niet op zichtbaarheid.

Deze behoefte op andere platforms

Weet u niet zeker welke bij uw winkel past?

Vertel ons uw context: we antwoorden met een eerlijke aanbeveling, geen verkooppraatje.