Voor WordPress-gebruikers die de prestaties van hun online winkel willen verbeteren, is WooCommerce een goede optie.

Voor WordPress-gebruikers die hun online winkel willen verbeteren, is WooCommerce een krachtig en flexibele open-source winkelplugin. Het biedt een compleet pakket met mogelijkheden, van productbeheer en winkelwagen tot betaalmogelijkheden via verschillende paymentgateways. Naarmate de winkel groter wordt en het verkeer toeneemt, kunnen echter prestatieproblemen ontstaan, waardoor de gebruikerservaring en de conversiepercentages worden beïnvloed. In dit artikel wordt een dieper inzicht gegeven in een reeks strategieën voor het optimaliseren van de prestaties van een WooCommerce-winkel, vanaf de serverconfiguratie tot aan het opnemen van aanpassingen op het code-niveau.

Server- en basisomgevingsoptimalisatie

De basis voor prestatieoptimalisatie is een stabiele en goed geconfigureerde serveromgeving. Foute serverconfiguraties kunnen de respons snelheid van het hele website direct vertragen.

Kies een krachtige hostingoplossing.

Voor een WooCommerce-winkel is het vaak moeilijk om de vereiste prestaties te behalen met een shared hosting-account, vooral tijdens promocies. Het is aan te raden om een hostingdienst te gebruiken die is gespecialiseerd in het ondersteunen van WooCommerce of WordPress. Dergelijke providers hebben meestal objectcaching, een geoptimaliseerde serverstack (bijvoorbeeld Nginx + PHP-FPM) en integratie met een CDN (Content Delivery Network) al geïnstalleerd. Voor middelgrote tot grote winkels is het verstandig om een VPS (Virtual Private Server) of een cloudserver te gebruiken, zodat de beschikbare resources flexibel kunnen worden aangepast aan het verkeer.

Aanbevolen leesmateriaal Hoe je met WooCommerce een WordPress-website voor e-commerce maakt met een hoge conversieratio。

Een efficiënte webserver en PHP configureren

Zorg ervoor dat uw server de meest recente en stabiele versie van PHP gebruikt (bijvoorbeeld PHP 8.x). Vergelijkt met oudere versies, bieden nieuwe PHP-versies een aanzienlijke verbetering in prestaties. Het activeren van de OPcache-extensie kan de uitvoerings snelheid van PHP-schriften nog verder verhogen. Op het gebied van webserveren presteert Nginx over het algemeen beter dan Apache bij het verwerken van statische bestanden en simultane verzoeken. Het instellen van correcte cache-headers (Cache-Control headers) is van belang voor het beheer van statische bronnen.

UltaHost WordPress-hosting

30-daagse garantie voor het terugbetalen van het geld, onbeperkt bandbreedte- en databestand, gratis DDoS-beveiliging, en een prijsvoordeel van 50% bij een aankoop van 3 jaar.

toegangspagina

Implementeren van een object-caching-mechanisme

De database-opvraagingen in WordPress en WooCommerce zijn zeer frequent. Het gebruik van objectcaching kan de resultaten van deze opvraagingen opslaan in het geheugen, waardoor dubbele opvraagingen worden voorkomen. De meest effectieve oplossing is om een plugin voor persistent objectcaching te installeren, bijvoorbeeld…Redis或MemcachedOm dit te realiseren beschikken veel high-end hosting providers over deze functie al in hun diensten. Nadat deze functie is geactiveerd, moet je ervoor zorgen dat...wp-config.phpDe configuratie in het bestand is correct.

WooCommerce-core-instellingen en pluginbeheer

De configuratie van WooCommerce zelf en zijn plugins heeft een directe invloed op de prestaties. Te omvangrijke instellingen en onefficiënte plugins zijn veelal de oorzaak van een trager website.

Optimaliseren van bepaalde instellingen in WooCommerce

In het instellingenpaneel van WooCommerce zijn enkele belangrijke opties waar je aandacht aan moet besteden. Op het tabblad “Producten” moet je, tenzij nodig, de instellingen “Aantal producten per pagina” en “Aantal aanbiedingen voor kruisverkopen/gerelateerde producten” verminderen. Te veel producten op één pagina zorgt voor een aanzienlijke belasting op de database. Op het tabblad “Accounten en privacy” kun je overwegen de functie om klantgegevens te bewaren uit te schakelen. Vergeet niet regelmatig de functie “Sessies schoonmaken” in het hulpmiddel “Status” te gebruiken om oude winkelwagengegevens te verwijderen.

Plug-ins moeten met zorg worden beheerd en gekozen.

Elk plugin leidt tot extra HTTP-verzoeken, database-verzoeken en meer tijd voor het uitvoeren van PHP-code. Auditeer regelmatig je lijst met plugins en stop of verwijder plugins die je niet meer gebruikt. Kies bij het aankopen van nieuwe plugins voor plugins die lichtgewichtig zijn, van hoge kwaliteit, regelmatig worden bijgewerkt en een goede reputatie hebben op het gebied van prestaties. Probeer ook te voorkomen dat je te veel plugins gebruikt die overlappingen in hun functionaliteiten hebben.

Aanbevolen leesmateriaal De WordPress-website, van beginner tot expert: een complete handleiding voor het opzetten en optimaliseren van de prestaties.。

Efficiënte sessiebehandeling implementeren

Op de standaardinstellingen slaat WooCommerce de sessiegegevens op inwp_optionsIn de tabel wordt aangegeven dat dit bij hoge verkeersintensiteit kan leiden tot een bottleneck in de database. Een belangrijke optimaatietactiek is om de manier van sessieopslag te veranderen naar het gebruik van het serverbestandsysteem of een betere oplossing.Redis/MemcachedDit kan worden gerealiseerd door...wp-config.phpVoeg de volgende code toe om dit te realiseren:

define('WP_SESSION_USE_OPTIONS', false);

Vervolgens moet je een plugin installeren, zoals “WP Redis Session Handler”, om de configuratie af te ronden.

Optimalisatie van front-end-prestaties en gebruikerservaring

De snelheid die de gebruiker waarnamt, is in grote mate afhankelijk van de snelheid waarmee front-end-resources worden geladen en weergegeven. Het optimaliseren van het front-end kan de gebruikerservaring bij het browsen en shoppen direct verbeteren.

hosting.com gedeelde hosting

Hoge prestaties met AMD EPYC CPU's, NVMe SSD opslag en LiteSpeed, 24/7 deskundige interne ondersteuning, geavanceerde beveiligingsmaatregelen waaronder SSL, bescherming tegen brute kracht, malware en DDoS, besparingen tot 73%

toegangspagina

Optimaliseren van afbeeldingen en mediabestanden

Productfoto's zijn de grootste bestanden in een WooCommerce-winkel. Het is belangrijk om alle opgeladen foto's te compresseren; dit kan automatisch worden gedaan met plugins als ShortPixel of Imagify. Daarnaast is het handig om responsieve foto's te gebruiken.srcsetDeze eigenschappen zorgen ervoor dat gebruikers alleen afbeeldingsbestanden downloaden die geschikt zijn voor hun schermgrootte. De techniek van lazy loading (vertraagd laden) kan het laden van afbeeldingen die niet op de eerste pagina worden weergegeven uitstellen, wat vooral handig is voor productpagina's. In versie 5.5 en later van WooCommerce is de functie voor lazy loading al ingebouwd.

Resources samenvoegen, minimaliseren en vertraagd laden

Gebruik plugins als Autoptimize of WP Rocket om CSS- en JavaScript-bestanden te samenvoegen en te minimaliseren, waardoor het aantal HTTP-verzoeken wordt verminderd. Voor niet-kritieke JS-bestanden (zoals sociale media-share-buttons of bepaalde analyse-scripts) kan je ervoor kiezen om deze te laden op een latere tijd of asynchroon, zodat ze de weergave van de pagina niet belemmeren. Besteed extra aandacht aan het optimaliseren van de winkelwagen- en afrekeningspagina’s; de laden van resources op deze pagina’s moet zo efficiënt en compact mogelijk zijn.

Een betrouwbare cachestrategie implementeren

Paginacaching is een van de meest effectieve methoden om de snelheid van een website te verbeteren. Voor WooCommerce is het belangrijk om gedetailleerde cachingregels te implementeren: installeer een langdurige caching voor statische pagina’s (zoals de ‘Over ons’-en ‘Blog’-pagina’s); installeer een middellange cachingtijd (bijvoorbeeld 1 uur) voor productlijsten en categoriepagina’s; en voor pagina’s als de winkelwagen, mijn account en de afrekeningspagina (die meestal dynamische inhoud bevatten) moet de cachingtijd korter zijn.?wc-ajaxDe pagina waarop de parameters of een specifieke cookie te vinden zijn, moet volledig uit de cache worden gesloten om de juiste werking van de dynamische functies te garanderen. De meeste cache-extensies bieden mogelijkheden om deze uitsluitingsregels in te stellen.

Aanbevolen leesmateriaal Ontwikkelingshandleiding voor WooCommerce: bouw een professionele e-commerce website vanaf nul。

Database onderhoud en geavanceerde codeoptimalisatie

De database is het “geheugencentrum” van een winkel; de gezondheid van de database is rechtstreeks verbonden met de prestaties van de winkel. Optimalisaties op het gebied van de code kunnen de uitvoeringsefficiëntie op de bronniveau verbeteren.

De database regelmatig schoonmaken en optimaliseren.

Tijdens het gebruik van WooCommerce worden veel tijdelijke gegevens gecreëerd, zoals versies van berichten, automatische ontwerpen, vervallen instellingen en ongebruikte ordergegevens. Het regelmatig schoonmaken van deze gegevens kan de omvang van de database aanzienlijk verkleinen en de snelheid van queries verbeteren. Je kunt hierbij plugins gebruiken als “WP-Optimize” of “Advanced Database Cleaner” om deze taken veilig uit te voeren. Voer deze taken altijd uit nadat je een volledige back-up van de database hebt gemaakt.

InterServer gedeelde hosting

Shared hosting $2.50 USD per maand, eerste maand $0.1 USD promo code tryinterserver, 461 cloud apps scripts, een klik te installeren.

toegangspagina

Optimaliseren van productonderzoek en cyclische processen

Onefficiënte product zoekfuncties in zelfgemaakte thema's of plugins kunnen de prestaties van een website ernstig beïnvloeden. Probeer deze zoekfuncties niet te gebruiken op de homepage of in de sidebar.WP_Query或get_postsEr worden veel producten opgevraagd zonder dat paginering wordt gebruikt. Zorg ervoor dat de juiste parameters worden gebruikt bij de query, bijvoorbeeld door deze goed in te stellen.'no_found_rows' => true(Wanneer geen paginering nodig is, kun je de duurkeurige SQLCalc_FOUND_ROWS-verwerking overslaan.) Voor complexe productaffiltering kun je het ingebouwde WooCommerce-tool “Producten affilteren op eigenschappen” gebruiken, of een plugin die speciaal is ontworpen voor snelle en efficiënte affiltering.

Optimaliseren van belangrijke processen met het gebruik van hooks en acties

Met de hooks die worden aangeboden door WooCommerce kun je onnodige functies verwijderen of bepaalde processen optimaliseren. Als de winkel bijvoorbeeld geen commentaarfunctie nodig heeft, kun je deze functie eenvoudig uitgeschakelen.functions.phpVoeg code toe om productbeoordelingen uit te schakelen. Een andere veel voorkomende optie voor optimalisatie is om bepaalde, niet essentiële AJAX-oproepen aan te passen of uit te schakelen. Hiervoor zijn echter enkele ontwikkelkennis vereist; het wordt daarom aanbevolen om gebruik te maken van subthema’s (subtopics).functions.phpJe kunt operaties uitvoeren op bestanden.

// 示例：禁用单个产品页面的关联产品查询（如果不需要）
add_action( 'wp', function() {
    if ( is_product() ) {
        remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
    }
} );

Samenvatting

Het optimaliseren van de prestaties van een WooCommerce-winkel is een systeemmatig proces dat server, configuratie, plugins, front-end en database omvat. Er is geen eenvoudige oplossing die voor altijd werkt. De beste praktijk is om te beginnen met de infrastructuur en ervoor te zorgen dat je over een sterke hostingomgeving beschikt; daarna de configuratie van WooCommerce nauwkeurig af te stemmen en plugins te beheren. Vervolgens moet je de laad- en renderingsprocessen van de front-end-gegevens verbeteren. Ten slotte kun je de prestaties verder verbeteren door regelmatig de database te onderhouden en specifiek de code te optimaliseren. Het is belangrijk om de snelheid van de website continu te monitoren (met tools als GTmetrix of PageSpeed Insights) en performance-bottlenecks te analyseren. Op deze manier zorg je ervoor dat je online-winkel altijd een snelle en soepele winkelervaring biedt voor je klanten, waardoor je de zoekresultaten in zoekmachines kunt verbeteren, de tevredenheid van je gebruikers kunt verhogen en de omzet kunt verhoogen.

Veelgestelde vragen (FAQ)

Wat moet ik doen als de inhoud van de winkelwagen niet wordt bijgewerkt nadat de paginacaching is ingeschakeld?

Dit is een typisch probleem met de cache-instellingen. De pagina's voor de winkelwagen, het afrekenproces en de gebruikersaccounten zijn zeer dynamisch en mogen dus niet worden opgeslagen in de cache.

De meeste caching-plugins (zoals WP Rocket en W3 Total Cache) bieden de mogelijkheid om bepaalde pagina's nooit te cachen of om deze uit de caching-process te uitsluiten. Je moet de URL-patronen van de pagina's waarop de winkelwagen, het afrekenproces of mijn account te vinden zijn, hierbij aanpassen./cart/， /checkout/， /my-account/) en de AJAX-uitgangspunten van WooCommerce (die meestal bevatten...wc-ajaxDeze parameter wordt toegevoegd aan de uitsluitingslijst. Bovendien ontwijken sommige plugins automatisch de cache door de gebruikersessiecookies te controleren; zorg ervoor dat deze functie is ingeschakeld.

Hoe weet ik of mijn WooCommerce-winkel objectcaching nodig heeft?

Als je winkel veel producten heeft (bijvoorbeeld meer dan 500) en de dagelijkse bezoekersaantallen groot zijn, of als je in de prestatietesttools abnormaal hoge waarden voor de “databasequerytijd” of de “serverrespons tijd (TTFB)” observeert, kan objectcaching waarschijnlijk een significante verbetering opleveren.

Je kunt in het WordPress-administratiepaneel, onder “Tools” → “Site Health” → “Info” → “Database”, controleren of de persistent object caching is ingeschakeld. Een directere manier is om het Query Monitor-plugin te installeren; dit plugin geeft een gedetailleerde weergave van het aantal en de tijd van de database-opvraag per pagina. Als het aantal opvraagingen groot is (bijvoorbeeld meer dan 100), is het verstandig om de persistent object caching in te schakelen.Redis或MemcachedObject caching zal de hoeveelheid herhaalde queries aanzienlijk verminderen en de belasting op de database verlichten.

Wanneer je foto's optimaliseert, moet je besluiten of je ze met verliescompresie of zonder verliescompresie wilt bewerken.

Dat hangt af van het balans dat je aangeeft tussen de kwaliteit van de afbeelding en de grootte van het bestand. Voor afbeeldingen van WooCommerce-producten wordt het aanbevolen om intelligente, verliesgevende compressie te gebruiken.

Verliesloos compressie kan de grootte van een bestand verkleinen zonder dat de kwaliteit wordt afgenomen, maar de compressiegraad is beperkt. Intelligent verliesverliescompressie (bijvoorbeeld met een compressieniveau van 70% tot 85%) kan de grootte van een afbeelding met meer dan 70% verkleinen, zonder dat de kwaliteit merkbaar afneemt voor het menselijke oog. Dit is zeer belangrijk voor een snellere laadtijd van webpagina's. De meeste afbeeldingsoptimalisatieplugins bieden opties voor “intelligent compressie” of “verliesverliescompressie” en bieden de mogelijkheid om de voor- en na-compressieversie van de afbeelding te bekijken. Voor logo's, iconen en andere grafische elementen waarbij absolute scherpte vereist is, kan verliesloos compressie worden gebruikt.

Welke gegevens zijn veilig wanneer je de database van WooCommerce schoonmaakt?

De gegevens die veilig kunnen worden verwijderd, zijn voornamelijk tijdelijk, verouderd of dubbelgevuld informatie. Eerst moet echter een back-up worden gemaakt voordat de verwijdering wordt uitgevoerd.

De gegevens die meestal veilig kunnen worden verwijderd, zijn onder andere: alle versies van artikelen, automatische ontwerpen, items die al meer dan 30 dagen in de prullenbak zitten, vervallen tijdelijke instellingen (WooCommerce generereert veel van deze gegevens), ongebruikte tags en categorieën. Voor WooCommerce-bestellingen moet je geen afgeronde of nog verwerkte bestellingen direct verwijderen, tenzij je zeker weet dat dit geen juridische of zakelijke gevolgen heeft. Er zijn speciale plugins voor het schoonmaken van databases die aangeven welke gegevens veilig kunnen worden verwijderd en je de items die worden geschrapt kunnen vooraf bekijken. Voer altijd eerst tests uit in een testomgeving en pas daarna de veranderingen door op de live-website.