Technische optimalisatie

Hoe één kleine verandering in WoodMart je WooCommerce-winkel een raket kan maken: mijn ervaring en tips voor meer dan 25.000 producten

Het uitschakelen van AJAX in het WoodMart-thema verbetert de snelheid en SEO van WooCommerce voor grote winkels

Hallo! Als je net als ik WordPress en WooCommerce combineert en het krachtige WoodMart-thema voor je webwinkel hebt gekozen, zul je de robuuste functies waarschijnlijk al waarderen. Maar laten we eerlijk zijn: zodra je productcatalogus een paar duizend artikelen telt (laat staan 25.000+!), begin je met "avonturen": pagina's laden eindeloos, filters werken soms niet goed en het kan een utopie lijken om al je gefilterde pagina's vrienden te laten worden met Google.

Dit probleem heeft een naam: Ajax. En hoewel het is ontworpen voor gebruiksgemak, kan het voor grote winkels een echte 'bottleneck' worden. Vandaag wil ik mijn ervaring delen en laten zien hoe één simpele stap – het uitschakelen van Ajax in WoodMart – het tij volledig kan keren. Maak je klaar, je winkel krijgt een frisse wind!

Wat is er aan de hand met Ajax en waarom kan het een probleem zijn?

Stel je voor dat je op een website bent, een filter selecteert en boem! De resultaten verschijnen direct, zonder dat de hele pagina opnieuw geladen hoeft te worden. Dat is de magie van Ajax: het 'communiceert' stilletjes met de server op de achtergrond, haalt gegevens op en werkt alleen het benodigde deel van de pagina bij. Handig, toch?

Ja, het is handig als je 100 producten hebt. Maar als je er 25.000, 50.000 of meer hebt, begint deze 'magie' tegen je te werken.

Waarom Ajax uw vijand wordt met grote productcatalogi (25.000+ producten)?

Naarmate uw winkel groeit, verandert de “onschuldige” Ajax in een “monster” dat:

  1. Verstikt uw server: Elke klik op een filter, elke paginawissel, is een apart verzoek aan de database van je site. Stel je voor dat honderd gebruikers tegelijkertijd producten filteren. Dat zijn duizenden verzoeken per seconde! De serverbelasting neemt exponentieel toe en zelfs krachtige hosting kan ermee ophouden. Het resultaat? Lange laadtijden, fouten en gefrustreerde shoppers.
  2. Vertraagt de browser: Ajax-filters vereisen veel JavaScript-uitvoering in de browser van de gebruiker om gegevens te verwerken en weer te geven. Als een gebruiker een oudere laptop of een trage internetverbinding heeft, 'verdrinkt' zijn browser simpelweg in de poging al die code te verwerken. In plaats van een snelle update zien ze een 'bevroren' scherm.
  3. Werkt niet goed samen met Google (en is slecht voor uw SEO!): Hier ligt het echte probleem. Hoewel zoekmachinecrawlers steeds slimmer worden, geven ze nog steeds de voorkeur aan "schone" HTML. Dynamisch geladen content via Ajax kan minder effectief worden geïndexeerd. En het ergste is dat de meeste Ajax-filters de URL van de pagina niet wijzigen. Dit betekent dat wanneer een gebruiker filtert op "rode Nike-sneakers", Google geen unieke pagina voor "rode Nike-sneakers" ziet. Je verliest duizenden potentiële instappunten in de zoekresultaten, die je gratis organisch verkeer zouden kunnen opleveren. Het is alsof je een enorm magazijn hebt, maar slechts één ingang.
LEZEN  Voelt je online winkel traag aan, maar PageSpeed geeft 95 aan? De waarheid over filters, variaties en verloren klanten – en hoe je dit kunt oplossen

Mijn keuze: Ajax uitschakelen in WoodMart – Zo doe je dat (stap-voor-stap!)

Het is niet eng, beloofd. Maar maak alsjeblieft altijd een volledige back-up van je website voordat je wijzigingen aanbrengt! Altijd!

  1. Stap één: Ga naar de kern van uw site. Meld u aan bij uw WordPress-beheerpaneel.
  2. Stap twee: zoek de WoodMart-instellingen. Zoek in het menu aan de linkerkant naar WoodMart en navigeer vervolgens naar Theme Settings.
  3. Stap drie: Ga naar het winkelgedeelte. Zoek nu in de linkerzijbalk van de WoodMart-instellingen naar en klik op ShopDit is het gedeelte waar alle opties met betrekking tot uw productcatalogus zich bevinden.
  4. Stap vier: Schakel de Ajax-schakelaars uit. Scroll naar beneden en zoek naar opties die het woord 'Ajax' bevatten. Je moet ze uitschakelen (zet de schakelaar op 'UIT' of vink het vakje uit) voor alles wat met Ajax-filtering en Ajax-paginering te maken heeft. Deze hebben meestal een naam als: Ajax Shop, Ajax Filters, of Ajax Product filtersJe zou zelfs kunnen overwegen Ajax Add to cart (als u wilt dat het winkelwagentje ook wordt bijgewerkt nadat de pagina opnieuw is geladen).
    • Schermafbeelding van de thema-instellingen van WoodMart met de uitgeschakelde opties voor de filters Ajax Shop en Ajax Product

      Zoek en schakel de opties 'Ajax Shop' en 'Ajax Productfilters' uit in de thema-instellingen van WoodMart om de prestaties van uw winkel aanzienlijk te verbeteren.

    • Belangrijk: De exacte namen en locaties van de opties kunnen enigszins variëren, afhankelijk van je WoodMart-versie, maar de "Ajax"-logica blijft. Let op!
  5. Stap vijf: Sla uw wijzigingen op. Nadat u de benodigde opties hebt uitgeschakeld, moet u op de knop klikken Save options knop bovenaan of onderaan de pagina.

Dat is alles! Wanneer je nu een filter toepast of naar de volgende pagina navigeert, laadt je browser de pagina volledig opnieuw, maar geloof me – het gaat veel sneller!

Wat voor gevolgen zal dit hebben: bereid je voor op versteld te staan!

Nadat u Ajax uitschakelt, zult u echte veranderingen zien:

  1. Razendsnelle paginalaadsnelheden:
    • Je server zal opgelucht ademhalen. Minder Ajax-verzoeken betekenen minder belasting.
    • De browser hoeft niet te "vechten" met zware JavaScript. Pagina's laden lichter, sneller en met verbeterde Core Web Vitals-scores. Het is alsof je onnodige ballast kwijtraakt.
    • Gebruikers zullen deze snelheid meteen merken: de site werkt direct, vooral dankzij de caching; je hoeft niet te wachten zoals bij veel andere grote winkels. Deze snelheid wekt enorm veel vertrouwen in uw website en bedrijf. Hiermee laat u zien dat u waarde hecht aan het comfort en de tijd van uw klanten.
  2. Dramatische verbetering van SEO en indexering – dit is uw gouden ticket!
    • Elke gefilterde pagina heeft nu een unieke URL! Wanneer u filtert op kleur, maat of merk, verandert de URL (bijv. /category/?color=red&size=m). Dit betekent dat Google nu al deze duizenden unieke combinaties kan indexeren!
    • Meer organisch verkeer: Stel je eens voor hoeveel mensen zoeken naar "rode Nike hardloopschoenen voor heren maat 40". Nu heeft je site een unieke pagina voor die zoekopdracht! Dit opent de deur naar een enorme toename van organisch verkeer.
    • Duidelijkheid voor zoekrobots: ‘Schone’ HTML is veel gemakkelijker te begrijpen voor bots, wat leidt tot een nauwkeurigere en snellere indexering van uw inventaris.
  3. Een winkel klaar voor elke omvang (25.000+ producten? Makkelijk!):
    • Dankzij de verminderde belasting en geoptimaliseerde aanvraagverwerking kan uw systeem een enorm aantal producten efficiënt beheren. Filters en paginering werken stabiel en snel, ongeacht de catalogusgrootte.
    • Niets staat uw bedrijf nog in de weg om nu te groeien.
    • Verplichte tests: Test na elke wijziging altijd alles. Controleer alle filters, sortering, paginering, de functionaliteit 'toevoegen aan winkelwagen' en de winkelwagen zelf.

Voor eigenaren van grote WooCommerce-winkels op WoodMart die streven naar schaalbaarheid, hoge snelheid en effectieve organische promotie, is het uitschakelen van Ajax voor filters en paginering niet alleen een optie, maar een strategische noodzaak. Het stelt je website in staat om gemakkelijk een enorme voorraad te verwerken, sneller te worden voor gebruikers en beter te worden geïndexeerd door zoekmachines, wat nieuwe mogelijkheden biedt voor het genereren van verkeer.

Aarzel niet! Probeer het op je website, voer snelheidstests uit "voor" en "na" en je zult versteld staan van de resultaten. Dit zou wel eens de factor kunnen zijn die je winkel naar een hoger niveau tilt.

LEZEN  Slimme WordPress-database-optimalisatie om bloat te elimineren en de snelheid te verhogen