Het lanceren van een e-commercesite vereist echter zorgvuldige strategische en organisatorische planning, een grondige analyse van kosten en baten, sterke en zwakke punten, bedreigingen en kansen<\/a>.<\/p>\n En dat is nog niet alles. Om te slagen met je e-commerce heb je een moderne, snelle, veilige website nodig om je bedrijf te ondersteunen. Een succesvolle e-commerce website moet een soepele winkelervaring bieden, voldoen aan internationale privacyregels zoals GDPR<\/a>, veilige transacties garanderen en je klanten door de sales funnel begeleiden tot het punt van aankoop.<\/p>\n Hij moet SEO geoptimaliseerd<\/a> zijn, schaalbaar<\/a> wanneer nodig, flexibel en eenvoudig te beheren, zodat je je kunt richten op je bedrijf zonder tijd en middelen te verspillen aan technische problemen.<\/p>\n Dat is geen gemakkelijke taak, maar een e-commerce website kan je geweldige mogelijkheden bieden om je bedrijf te laten groeien.<\/p>\n Samengevat zijn er drie gebieden waar je rekening mee moet houden bij het plannen van een e-commerce website: prestaties, beveiliging en functionaliteit.<\/p>\n Daarom hebben we onze beste aanbevelingen voor e-commerce optimalisatie verzameld in drie artikelen, elk gericht op een van deze drie gebieden.<\/p>\n Dit eerste artikel richt zich op de prestaties, met een checklist van 10 best practices om je e-commerce website te optimaliseren voor snelheid en prestaties.<\/p>\n In de volgende twee artikelen richten we ons op de beveiliging van de site en de functionaliteit van de hostingdienst, waarbij we stilstaan bij de voordelen die een voor e-commerce geoptimaliseerde hosting kan garanderen.<\/p>\n Ben je klaar om te weten wat je nodig hebt om een succesvolle e-commerce website te lanceren en internationale markten te veroveren? Lees dan snel verder!<\/p>\n Een moderne e-commerce website heeft verschillende technische en functionele functies nodig om de interactie tussen de gebruiker en de site te verbeteren, zodat je een rijke en prettige browse- en winkelervaring biedt.<\/p>\n Technisch gezien moet een e-commerce website geoptimaliseerd zijn voor prestaties en veiligheid. Hij moet eenvoudig te beheren zijn voor je team en gemakkelijk schaalbaar.<\/p>\n Voor het bouwen van een website met deze kenmerken is een geavanceerde infrastructuur nodig, een Content Delivery Network<\/a> van zakelijk niveau, geavanceerde features voor ontwikkelaars, een effici\u00ebnt en gebruiksvriendelijk backupsysteem<\/a> en een snelle en vakkundige ondersteuningsdienst<\/a>.<\/p>\n De eerste stap voordat je een e-commerce website kunt lanceren, is dus uitzoeken waar je de diensten en tools kunt krijgen die je nodig hebt. Deze beslissing gaat over het kiezen van de hostinginfrastructuurprovider. De opties zijn bijna eindeloos. Je kunt ervoor kiezen om je servers te beheren door een systeembeheerder in te huren of te kiezen voor een volledig beheerde oplossing, zoals Wix<\/a> of Shopify<\/a>.<\/p>\n De eerste optie, het zelf beheren van de server, biedt maximale flexibiliteit en maatwerk. Het vereist echter aanzienlijke middelen en bekwame systeembeheerders. Grote bedrijven kiezen meestal voor deze oplossing.<\/p>\n De tweede optie, volledig beheerde platforms, heeft het voordeel van groot gebruiksgemak, maar garandeert niet de technische en operationele flexibiliteit die je bedrijf nodig heeft. Als het bedrijf groeit, kunnen er bovendien onvoorspelbare kosten ontstaan.<\/p>\n Ergens tussen deze twee uitersten in zijn er oplossingen die gebaseerd zijn op een open-source platform<\/a> in combinatie met een hostingservice die de functies biedt die nodig zijn voor <\/span>e-commerce.<\/p>\n Je kunt diep in de verschillen tussen enkele van de beschikbare opties duiken in onze vergelijkingsartikelen:<\/p>\n Bij Kinsta bieden we eersteklas hosting voor e-commerce websites<\/a>. Onze infrastructuur is geoptimaliseerd voor prestaties, beveiliging en gebruiksgemak voor WordPress websites, in combinatie met de populairste e-commerce plugins, WooCommerce en Easy Digital Downloads. Onze ge\u00efsoleerde containertechnologie<\/a> is gebouwd bovenop Google Cloud Platform<\/a> en maakt gebruik van de kracht van het netwerk van Cloudflare<\/a> om maximale prestaties en veiligheid te garanderen.<\/p>\n Dit is de technische oplossing die we aanraden aan iedereen die zich de vraag stelt: wat is de beste hostinginfrastructuur voor een moderne e-commerce website?<\/p>\n Laten we aan de slag gaan met e-commerce prestaties!<\/p>\n Volgens recent onderzoek naar e-commerce conversiepercentages<\/a> ligt de belangrijkste succesfactor van een e-commerce website in de laadsnelheid van de pagina. Een e-commercesite die in 1 seconde laadt, heeft een 2,5 keer zo hoog conversiepercentage als een site die in 5 seconden laadt.<\/p>\n Bovendien hebben pagina’s die in 1 seconde laden een gemiddeld conversiepercentage van ongeveer 40%. Als de laadtijd toeneemt tot 2 seconden, daalt het conversiepercentage tot 34%. Bij 3 seconden is het conversiepercentage 29% en bereikt het een minimum bij 6 seconden.<\/p>\n De analyse suggereert om je e-commerce te optimaliseren voor een laadsnelheid tussen \u00e9\u00e9n en twee seconden.<\/p>\n Hoe kan dit prestatieniveau worden bereikt? Prestatieoptimalisatie is een proces van voortdurende verbetering dat invloed heeft op verschillende onderdelen van een website. De strategische waarde ervan is vooral duidelijk voor e-commerce, dat over het algemeen grotere hoeveelheden resources verbruikt.<\/p>\n Om eigenaren van e-commerce te helpen hun websites te optimaliseren voor prestaties, hebben we een essenti\u00eble checklist gemaakt van de optimalisaties die nodig zijn om de prestaties en paginasnelheid te verbeteren.<\/p>\n Dus wat zijn de belangrijkste factoren om rekening mee te houden bij het optimaliseren van je e-commerce website voor prestaties? Laten we snel kijken! Bij het kiezen van een hostingservice voor je e-commerce website is het essentieel om te weten welke technologie deze biedt.<\/p>\n De eerste beslissing gaat over het type hostingservice. Er zijn verschillende soorten webhosting<\/a>, die aanzienlijk verschillen in infrastructuur en services:<\/p>\n Omdat het noodzakelijk is om maximale prestaties voor je e-commerce te garanderen, moet de infrastructuur supersnel zijn. Dit sluit gedeelde hosting<\/a> uit, die weliswaar goedkoop (of zelfs gratis<\/a>) is, maar niet de minimumnormen voor prestaties en beveiliging garandeert waar een e-commercesite niet zonder kan om succesvol te zijn op de markt.<\/p>\n Een dedicated VPS-hostingservice kan in hoge mate worden aangepast en geoptimaliseerd voor prestaties. Het vereist echter wel SysAdmin-vaardigheden<\/a>, wat te duur kan zijn voor een klein of middelgroot bedrijf.<\/span> Een cloud hosting<\/a> service kan prestaties en beveiliging bieden voor een moderne e-commerce website en vereist geen geavanceerde technische vaardigheden.<\/p>\n Het is gemakkelijk om managed WordPress en WooCommerce hosting serviceproviders te vinden als je met WordPress werkt. Dit betekent dat je niet verantwoordelijk bent voor serverconfiguratie en -optimalisatie, en dat je gespecialiseerde ondersteuningsservice en vereenvoudigde site-installatie en -onderhoud krijgt.<\/p>\n Het is ook noodzakelijk om je website te voorzien van een state-of-the-art technische stack. De meeste webhosts leveren een stack gebaseerd op Apache webserver<\/a> en MySQL<\/a>. Je kunt echter een modernere, goed presterende technologiestack overwegen, zoals Nginx<\/a> en MariaDB<\/a>.<\/p>\n Bij Kinsta geloven we dat we de beste en snelste managed WordPress hosting oplossing hebben gemaakt die vandaag de dag beschikbaar is. En deze is gebouwd bovenop het Google Cloud Platform<\/a>.<\/p>\n We bieden C3D en C2 compute optimimized VM’s<\/a> voor alle pakketten, van Single 35k tot WP 60 en verder, in de regio’s waar ze beschikbaar zijn. We maken ook gebruik van Google’s Premium Tier-netwerk<\/a> met lage latency, dat zonder extra kosten beschikbaar is voor al onze klanten.<\/p>\n Daarnaast hebben we een snelle en solide techstack gebouwd op basis van Nginx, MariaDB, PHP 8.4, LXD container<\/a> en onze integratie van Cloudflare Enterprise. Deze stack is beschikbaar voor al onze klanten, ongeacht hun pakket.<\/p>\n Bekijk dit bericht<\/a> om te leren waarom Kinsta de snelste managed WordPress host is<\/span>.<\/p>\n Volgens W3Techs<\/a> (augustus 2024):<\/p>\n PHP wordt gebruikt door 76,1% van alle websites waarvan we de server-side programmeertaal kennen.<\/p><\/blockquote>\n Versie 7 wordt gebruikt door 52,6% van alle websites die PHP gebruiken, versie 8 door 33,0% en versie 5 door 14,2%.<\/p>\n Als je een e-commerce website beheert, moet je weten welke PHP versie<\/a> je site gebruikt en waarom je de voorkeur zou moeten geven aan een ondersteunde versie.<\/p>\n In het kort: PHP heeft een release-levenscyclus en elke grote release wordt meestal twee jaar ondersteund<\/a>. Ondersteunde versies zijn de enige die prestatie- en beveiligingsupdates ontvangen, dus het gebruik van een niet-ondersteunde versie van PHP betekent verminderde prestaties en meer beveiligingslekken in vergelijking met ondersteunde versies.<\/p>\n In augustus 2024 zijn de officieel ondersteunde versies van PHP PHP 8.1, 8.2 en 8.3.<\/p>\n We hebben onze eigen snelheidstests uitgevoerd met PHP 8.1, 8.2 en 8.3<\/a> en verschillende CMS’en en frameworks, en we ontdekten dat PHP 8.3<\/a> de snelste PHP versie bleek te zijn, met een <\/span>prestatieverhoging tot <\/span>52,20% voor de geteste CMS’en en frameworks.<\/p>\n Bij Kinsta leveren we alleen ondersteunde PHP versies<\/strong>. Op dit moment ondersteunen we PHP 7.4, 8.0, 8.1, 8.2, 8.3, 8.4, 8.5.<\/p>\n Je kunt snel en eenvoudig de PHP versie van je WordPress website wijzigen in MyKinsta. Navigeer naar de configuratiesectie van je WordPress website en selecteer Tools<\/strong> in het linkermenu. Hier vind je verschillende tools die beschikbaar zijn voor onze klanten. Scroll naar beneden en vind PHP engine<\/strong>. Klik op de knop Wijzigen<\/strong> en selecteer de PHP versie die je nodig hebt voor je website.<\/p>\n De cache<\/a> is een deel van het geheugen dat wordt gebruikt om kopie\u00ebn van bronnen op te slaan die bij toekomstige verzoeken kunnen worden geserveerd zonder de volledige pagina opnieuw te downloaden. Er zijn verschillende soorten caches<\/a>, elk met een specifiek doel, maar de soorten caches waar we hier in ge\u00efnteresseerd zijn, zijn de browser cache en de WordPress cache.<\/p>\n Elk antwoord van de server moet de juiste HTTP headers bevatten, zodat de browser weet hoe lang een kopie van de opgevraagde bron in de cache moet worden opgeslagen<\/a>. Dit wordt gedaan door ETag en Expires<\/a> headers in te stellen in het HTTP verzoek<\/a>.<\/p>\n WordPress heeft zijn eigen caching systeem. Het object WordPress gebruikers kunnen een externe caching plugin<\/a> van derden voor WordPress installeren. Met tools zoals W3 Total Cache<\/a> en WP Super Cache<\/a> kun je de WordPress cache beheren<\/a>. Ze kunnen erg handig zijn als je kiest voor een gedeelde hostingoplossing of als de webhost geen effici\u00ebntere oplossingen voor cachebeheer biedt.<\/p>\n Deze tools zijn ingewikkeld om te configureren en vereisen kennis die niet alle site-eigenaren hebben. Kortom, je hebt een eenvoudige manier nodig om je cache te beheren.<\/p>\n Wat e-commerce betreft, wil je misschien ook specifieke pagina’s, zoals mijn account en afrekenen, uitsluiten van de cache. Dit is cruciaal voor een vlekkeloze winkelervaring voor de klanten van je website. Maar hoe kun je dat doen?<\/p>\n Cachebeheer kan ontmoedigend zijn, vooral als je geen technische vaardigheden hebt. Bij Kinsta is het beheren van de cache echter eenvoudig, en alle instellingen zijn handig verzameld in een enkele sectie van je MyKinsta dashboard.<\/p>\n Het belangrijkste verschil tussen Kinsta cache en externe WordPress plugins is dat Kinsta cache op serverniveau werkt<\/a>.<\/p>\n Navigeer in MyKinsta naar WordPress sites<\/strong> en selecteer je website. Klik op de pagina met site-instellingen op het menu-item Caching<\/strong> aan de linkerkant en selecteer het tabblad Server caching<\/strong>. Hier kun je de cache wissen en de cachevervaltijd wijzigen.<\/p>\n Caching plugins zijn niet toegestaan op Kinsta<\/a>, wat klinkt als een tegenstrijdigheid met wat we in de vorige sectie hebben gezegd. Toch is dit omdat Kinsta de cache op de server voor je regelt en dus betere prestaties en eenvoudiger beheer biedt.<\/strong><\/p>\n Specifiek voor WooCommerce en EDD websites omzeilt Kinsta automatisch de cache wanneer Kinsta-gebruikers kunnen de cache ook rechtstreeks vanuit hun WordPress-dashboard beheren dankzij de Kinsta MU-plugin<\/a>, die automatisch wordt ge\u00efnstalleerd op alle nieuwe WordPress-websites die door Kinsta worden gehost.<\/p>\n In het Kinsta cache scherm kun je de volgende acties uitvoeren:<\/p>\n De Kinsta cache plugin heeft ook een Admin bar knop waarmee je kunt wissen:<\/p>\n Een ander type cache is de CDN cache. Lees verder om hier meer over te leren.<\/p>\n Een CDN is een netwerk van servers<\/a> die statische bronnen zoals afbeeldingen, scripts en stylesheets opslaan, zodat ze vanaf de dichtstbijzijnde geografische locatie kunnen worden afgeleverd bij de bezoekers van de site.<\/p>\n Een CDN biedt meestal diensten en features die de prestaties en beveiliging van een website aanzienlijk kunnen verbeteren. Op het gebied van prestaties kan een CDN je helpen met het volgende:<\/p>\n Kinsta biedt een gratis Cloudflare CDN integratie<\/a> bij al onze hostingpakketten. Dit betekent dat je volledig gratis kunt profiteren van zakelijke Cloudflare features, onafhankelijk van het pakket waarop je bent geabonneerd.<\/p>\n Cloudflare biedt een statische resource cachingservice die de prestaties van e-commerce websites aanzienlijk kan verhogen. Dit is vooral handig als je doelgroep verspreid is over een groot geografisch gebied.<\/p>\n Dankzij onze Cloudflare-integratie kunnen we al onze klanten, onafhankelijk van hun abonnement, de volgende zakelijke features bieden:<\/p>\n Met Kinsta kun je van al deze features profiteren door Cloudflare’s CDN in te schakelen in de Caching<\/strong> sectie van je MyKinsta dashboard, waar je Edge Caching<\/strong> en CDN caching<\/strong> kunt beheren.<\/p>\n Je kunt <\/span>Mobiele cache<\/strong>, <\/span>Cache wissen<\/strong> en URL-cache wissen <\/strong>inschakelen in <\/span>het tabblad Edge Caching<\/strong>.<\/p>\n Op het tabblad CDN<\/strong> kun je CDN-cache wissen<\/strong>, afbeeldingen optimaliseren en specifieke bestanden uitsluiten van CDN-caching.<\/p>\n Afbeeldingen optimaliseren<\/a> is van vitaal belang voor de paginasnelheid. Afbeeldingen optimaliseren is niet ingewikkeld voor beginners, maar je hebt wel wat basiskennis<\/a> nodig.<\/p>\n Je kunt afbeeldingen op verschillende manieren optimaliseren. Ten eerste moet je de afbeeldingsformat bepalen dat het beste past bij de eigenschappen van de afbeelding. Naast de traditionele JPEG, PNG en GIF formaten, bieden web-geoptimaliseerde afbeeldingsformats, zoals WebP<\/a> en Avif, <\/span>hoge compressieniveaus met superieure kwaliteit. WordPress ondersteunt<\/a> beide formats out of the box<\/a>, dus je bent vrij om ze te gebruiken op je e-commerce website.<\/p>\n Als je het juiste afbeeldingsformat hebt gekozen, kun je overgaan op compressie. Je hebt twee soorten afbeeldingscompressie<\/a>: lossy en lossless. Lossy compressie is effectiever in het verkleinen van bestanden. Je moet echter wel rekening houden met het verlies van informatie en dus verminderde afbeeldingskwaliteit.<\/p>\n Als de afbeeldingskwaliteit van cruciaal belang is voor je website, dan kan lossless compressie de juiste keuze zijn, hoewel de besparing in grootte onbeduidend kan zijn. Om afbeeldingen te comprimeren zonder verlies van informatie, heb je tools nodig zoals FileOptimizer<\/a> of ImageOptim<\/a> voor WordPress of fotobewerkingssoftware zoals Photoshop.<\/span> Een andere optie is Gzip compressie<\/a>.<\/p>\n Dankzij onze Cloudflare integratie biedt Kinsta gratis afbeeldingsoptimalisatie<\/a>. Dit betekent dat je PNG, GIF en JPEG afbeeldingen automatisch worden geconverteerd naar het WebP format om de snelheid en prestaties van je website te verbeteren zonder een plugin van derden te gebruiken.<\/p>\n Je kunt automatische beeldoptimalisatie inschakelen in MyKinsta onder Caching > CDN > Afbeeldingsoptimalisatie<\/strong>.<\/p>\n Klik op de knop Instellingen in het vak Afbeeldingoptimalisatie<\/strong> en selecteer het type optimalisatie dat je nodig hebt.<\/p>\n Je kunt de hoeveelheid gegevens die de browser downloadt om een pagina op het scherm weer te geven verminderen door HTML, CSS en JavaScript te minificeren, comprimeren en cachen.<\/p>\n Codeminificatie<\/a> is het proces van het verwijderen van onnodige tekens uit de broncode. Commentaar en witruimte zijn nuttig bij het ontwikkelen, maar de browser heeft ze niet nodig om de pagina te renderen. Met codeminificatie kun je de grootte van HTML, CSS en JS bronnen met 50% of meer verminderen.<\/p>\n Het is echter de moeite waard om op te merken dat Cloudflare onlangs heeft aangekondigd<\/a> de Auto Minify functie af te schrijven:<\/p>\n De redenen waarom we van plan zijn de feature te verwijderen zijn talrijk, maar komen neer op het feit dat het een prestatiegerichte feature is die wordt gebruikt om het gewicht van pagina’s te verminderen, en het is niet zo effici\u00ebnt in het doen van dit als andere projecten waar Cloudflare aan werkt, zoals het verbeteren van compressie.<\/p><\/blockquote>\n Je kunt de grootte van verzonden bestanden verminderen om de paginasnelheid te verhogen en minder bandbreedte te gebruiken door middel van compressie<\/a>. Met GZIP compressie<\/a> kun je een ruwe gegevensset comprimeren zonder informatieverlies. Elk bestandstype kan worden gecomprimeerd, maar GZIP werkt het beste met op tekst gebaseerde bronnen zoals HTML, CSS en JS. Een ander type compressie is Brotli, dat nieuwer en effectiever is dan GZIP en wordt ondersteund door alle grote browsers.<\/p>\n Terwijl er verschillende stappen zijn om Brotly compressie in WordPress in te schakelen<\/a>, hoeven klanten van Kinsta helemaal niets te doen om de kracht van dit compressiealgoritme te benutten. Dankzij onze Cloudflare-integratie maakt elke Kinsta gehoste website standaard gebruik van Brotli.<\/strong><\/p>\n Je kunt het compressietype controleren in de browser inspector. Selecteer een onderdeel in het Network > All<\/strong>\u00a0scherm<\/span> en zoek naar de Je kunt render-blocking JavaScript elimineren<\/a> door Je kunt ook render-blocking CSS elimineren<\/a> door prioriteit te geven aan above-the-fold bronnen, CSS inline toe te voegen, het Dit kan allemaal een beetje lastig zijn als je geen frontend ontwikkelaar bent, maar je kunt een WordPress plugin gebruiken<\/a> die al het vuile werk voor je kan opknappen.<\/p>\n Bovendien kun je vanaf WordPress 6.3<\/a> Een specifiek punt moet worden gemaakt over stylesheets, die een webpagina aanzienlijk zwaarder kunnen maken.<\/p>\n Wanneer de browser een Dit leidt tot de noodzaak om stylesheets te optimaliseren<\/a> en een grondige analyse uit te voeren met behulp van browser dev tools, zoals Lighthouse van Chrome en Pagespeed Insights<\/a>.<\/p>\n Zodra je de analyse hebt uitgevoerd, moet je de meest geschikte oplossingen identificeren om de invloed van stylesheets op de prestaties te verminderen. Minificatie en compressie zijn slechts twee van de beschikbare opties. Andere maatregelen zijn het cachen van bestanden door Expires en ETag headers in te stellen, de beste keuze te maken voor thema’s en plugins voor de site, onnodige CSS-code te verwijderen, webfonts te optimaliseren en andere maatregelen om de prestaties te optimaliseren<\/a>.<\/p>\n De beste optie voor een ontwikkelaar is echter altijd om zijn stijlen te ontwerpen door vanaf het begin de CSS best practices<\/a> te volgen.<\/p>\n Afbeeldingen, scripts en stylesheets zijn allemaal essenti\u00eble bronnen voor een website. Er zijn echter ook andere, minder essenti\u00eble maar soms cruciale bronnen voor het specifieke doel van de site, zoals video, multimedia-inhoud en webfonts. Elke bron genereert een HTTP-verzoek aan de webserver die deze host, en elk verzoek vereist verwerking en responstijden die bij elkaar optellen, waardoor de totale laadtijd van de pagina toeneemt.<\/p>\n Daarom is het minimaliseren van het aantal HTTP-verzoeken<\/a> aan de server cruciaal<\/span>.<\/p>\n Ook hier kunnen verschillende hulpmiddelen voor prestatieanalyse je helpen bij het bepalen van het aantal HTTP-verzoeken. Browser dev tools en online tools zoals Pingdom<\/a> en<\/span> GTMetrix<\/a> kunnen waardevolle bondgenoten zijn als het gaat om prestatieproblemen.<\/p>\n Van de vele oplossingen die een ontwikkelaar kan implementeren om het aantal HTTP-verzoeken te verminderen, is de meest effectieve het verwijderen van onnodige bronnen van de pagina.<\/p>\n WordPress gebruikers zouden alle plugins die niet strikt noodzakelijk zijn moeten verwijderen of op zijn minst selectief plugins laden<\/a> die niet nodig zijn<\/a> op de hele website. Ze moeten ook de meest betrouwbare en lichtgewicht plugins kiezen die beschikbaar zijn en de zogenaamde nulled plugins<\/a> vermijden.<\/p>\n Een andere optie is om alle CSS-bestanden samen te voegen<\/a> in \u00e9\u00e9n stylesheet<\/a>.<\/p>\n Andere maatregelen die je kunt nemen om het aantal HTTP-verzoeken te verminderen zijn het lazyloaden van bronnen, het gebruik van systeemlettertypen waar mogelijk, het minimaliseren van HTTP-verzoeken van derden, zoals YouTube video’s, en <\/span>het gebruik van CSS sprites voor iconen en logo’s.<\/p>\nWaar te beginnen om een moderne e-commerce website te lanceren<\/h2>\n
\n
![\"WooCommerce](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/woocommerce-plugin.jpg\")
10 best practices om de prestaties van je e-commerce website te optimaliseren<\/h2>\n
\n1. Kies een geavanceerde hostinginfrastructuur en technische stack<\/h3>\n
\n
Kinsta hostinginfrastructuur en technische stack<\/h4>\n
![\"Google](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/google-cloud-regions.jpg\")
![\"Google](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/google-cloud-network.jpg\")
2. Gebruik ondersteunde PHP versies<\/h3>\n
![\"Ondersteunde](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/supported-php-versions.png\")
PHP versies op Kinsta<\/h4>\n
![\"PHP-engine](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/modify-php-engine-mykinsta.jpg\")
3. Gebruik de cache voor betere prestaties<\/h3>\n
WP_Object_Cache<\/code><\/a> zorgt voor een vermindering van het aantal verzoeken aan de database: “De Object Cache slaat alle cachegegevens op in het geheugen en maakt de cache-inhoud beschikbaar door een sleutel te gebruiken, die wordt gebruikt om de cache-inhoud een naam te geven en later op te vragen.”<\/p>\n![\"Caching](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/wordpress-caching-plugins.jpg\")
Cachebeheer bij Kinsta<\/h4>\n
![\"Cache](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/change-cache-expiration-mykinsta.jpg\")
woocommerce_items_in_cart<\/code> of edd_items_in_cart<\/code> cookies worden gedetecteerd. Dit zorgt voor een soepele winkelervaring voor al je klanten.<\/p>\n![\"Kinsta](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/kinsta-mu-plugin.jpg\")
\n
\n
4. Gebruik een Content Delivery Network<\/h3>\n
\n
Kinsta CDN<\/h4>\n
\n
![\"Edge](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/edge-caching-mykinsta.jpg\")
![\"CDN](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/cdn-cache-mykinsta.jpg\")
5. Optimaliseer afbeeldingen<\/h3>\n
![\"Ondersteuning](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/avif.jpg\")
Afbeeldingen optimaliseren met Kinsta<\/h4>\n
![\"Afbeeldingen](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/image-optimization-mykinsta.jpg\")
![\"Afbeelding](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/image-optimization-options-mykinsta.jpg\")
6. Verklein de grootte van HTML-, CSS- en JavaScript bronnen<\/h3>\n
![\"Brotli](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/brotli.png\")
Compressie van bronnen op Kinsta<\/h4>\n
content-encoding<\/code> header. Dit geeft het type compressie aan dat is ingeschakeld op je website. br<\/code> staat voor Brotli.<\/p>\n![\"Brotli](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/content-encoding-brotli.png\")
7. Elimeneer render-blocking bronnen<\/h3>\n
async<\/code> en defer<\/code> attributen toe te voegen aan <script><\/code> tags. Dit kan de zogenaamde First Contentful Paint<\/a> verbeteren. Meer specifiek:<\/p>\n\n
async<\/code> attribuut worden asynchroon uitgevoerd zodra ze worden geladen. Zodra het script is geladen, pauzeert de browser, parset de HTML en voert het script uit.<\/li>\ndefer<\/code> attribuut worden pas uitgevoerd nadat het parsen van de pagina is voltooid.<\/li>\n<\/ul>\n![\"Het](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/08\/eliminate-render-blocking-resources-pagespeed-insights.jpg\")
media<\/code> attribuut te gebruiken en JavaScript te gebruiken om asynchroon te laden of het laden van CSS uit te stellen.<\/p>\nasync<\/code> en defer<\/code> attributen toevoegen tijdens de scriptregistratie en vanaf WordPress 6.4<\/a> zijn deze attributen ge\u00efmplementeerd voor frontend scripts in WordPress core en gebundelde thema’s.<\/p>\n8. Optimaliseer CSS<\/h3>\n
<link><\/code> tag aanraakt, stopt hij met het downloaden van andere bronnen en het parsen van de pagina om het CSS bestand te downloaden en te parsen. Ook moet je aandacht besteden aan enkele eigenaardigheden van style sheets:<\/p>\n\n
9. Verminder het aantal HTTP-verzoeken<\/h3>\n
![\"Een](\"https:\/\/kinqsta.com\/wp-content\/uploads\/2020\/10\/amazon-css-sprite-example.png\"){kind=icon}
10. Controleer de prestaties van je e-commerce website met een APM-tool<\/h3>\n