Een van de must-haves als het gaat om websitesnelheid is een content delivery network (CDN). Een CDN ontlast je webserver en versnelt de levering van content aan alle sitebezoekers. Als gevolg hiervan verbetert alles, van je gebruikerservaring tot het potentieel binnen de zoekmachine! Een uitstekende manier om meer over het onderwerp te leren, is door een WordPress CDN te activeren.

In dit artikel leggen we de makkelijkste manieren uit om een CDN aan je WordPress site toe te voegen.

Maar voordat we dat doen, schetsen we eerst de basisdefinitie van een CDN, waarom je er een zou moeten gebruiken en enkele extra voordelen die je kunt verwachten. We zullen ook enkele snelheidstests delen, zodat je beter kunt beoordelen hoeveel prestatieverbetering je op je site kunt verwachten.

Wat is een WordPress CDN?

CDN is een afkorting van Content Delivery Network. Dit is een netwerk van servers (ook bekend als POP’s) die zich over de hele wereld bevinden. Ze zijn ontworpen om kopieën van de statische (en soms dynamische) content van je WordPress site te hosten en te leveren, zoals afbeeldingen, CSS, JavaScript en videostreams.

Zo werkt een CDN

Ten eerste wil je niet dat een CDN verward wordt met je WordPress hostingbedrijf. Dit zijn totaal verschillende diensten. Een CDN is geen vervanging voor je hostingprovider, maar eerder een extra manier om de snelheid van je site te verhogen. Waar onze hosting hier bij Kinsta razendsnel is, kan een CDN je site nóg sneller maken.

Hoe werkt een CDN precies? Als je bijvoorbeeld je website bij Kinsta host, moet je een fysieke datacenterlocatie kiezen, zoals VS Centraal, Europa, Zuid-Amerika of Azië. Stel je voor dat je VS Centraal kiest.

Dit betekent dat je website zich fysiek op een “hostserver” in Council Bluffs, Iowa bevindt. Wanneer mensen in Europa je website bezoeken, duurt het langer om te laden dan iemand die deze bezoekt vanuit bijvoorbeeld Dallas, TX. Waarom? Omdat de gegevens een verdere afstand moeten afleggen.

Dit is wat bekend staat als latentie. Latentie verwijst naar de tijd en/of vertraging die betrokken is bij gegevensoverdracht via een netwerk. Hoe verder de afstand, hoe groter de latentie.

En dat is waar een CDN in het spel komt. Het helpt om die latentie te verminderen door de content van je site te laden van servers die zich dichter bij hen bevinden. Deze CDN servers worden soms POP’s (points of presence) genoemd.

Een CDN vermindert latentie, waardoor content sneller aan eindgebruikers wordt geleverd
Een CDN vermindert latentie, waardoor content sneller aan eindgebruikers wordt geleverd

WordPress gebruikers zijn soms terughoudend om naar content delivery networks te kijken omdat ze te ingewikkeld klinken. Maar de functionaliteit van een CDN is relatief eenvoudig. Dit is hoe ze werken en kunnen worden geïmplementeerd in drie eenvoudige stappen:

Stap 1

Je meldt je aan voor een hostingprovider met een gratis CDN (zoals Kinsta CDN) of selecteert een afzonderlijke CDN provider en abonneert je op hun dienst. Externe CDN providers bieden vaak gratis en premium abonnementen aan, afhankelijk van het datagebruik.

Stap 2

Je activeert de CDN op je website. Voor Kinsta CDN is dat gedaan met een klik op een knop in het MyKinsta dashboard. Je installeert een gratis plugin zoals CDN Enabler of WP Rocket om een externe CDN te integreren.

Deze plugins koppelen je assets automatisch aan het CDN. Er is geen werk van jouw kant nodig om je content op het CDN te krijgen; dit is allemaal hands-off! Het implementeren van een CDN is een stuk eenvoudiger dan vroeger.

Stap 3

Wanneer mensen je website bezoeken, wordt de content van je WordPress site vanaf verschillende servers over de hele wereld geladen. Bezoekers in Europa ontvangen de content van je site van een server in Europa, terwijl bezoekers in de Verenigde Staten dezelfde content krijgen van een server die dichter bij hen staat in de VS.

Hoe doen CDN’s dit?

CDN’s gebruiken doorgaans twee technologieën om gebruikers naar de juiste locatie te leiden: IP Anycast + geolocatierouting. Ze kunnen automatisch detecteren waar verzoeken van gebruikers vandaan komen en de verzoeken doorsturen naar de dichtstbijzijnde server.

Het kiezen van een strategische serverlocatie door middel van managed WordPress hosting is echter nog steeds van vitaal belang. Want hoewel een CDN helpt bij het distribueren van je media en content, moet er nog steeds een enkel verzoek worden gedaan aan de hostingprovider wanneer je website wordt geladen – tenzij je gebruikmaakt van volledige paginacaching op een proxyserver, waar we later op in zullen gaan.

Kinsta heeft nu 36 datacenterlocaties van waaruit je je WordPress site kunt hosten.

Voordelen van CDN

Dit zijn de vele voordelen van het gebruik van een CDN op je WordPress site.

1. Prestatieverbetering

Een prestatieverbetering is een van de grootste redenen om een CDN te gebruiken. Het is herhaaldelijk bewezen dat een sneller ladende site correleert met hogere conversiepercentages, lagere bouncepercentages en een langere gemiddelde bezoekersduur, om nog maar te zwijgen van een betere gebruikerservaring in het algeheel.

Wanneer heb je voor het laatst teruggeklikt in je browser omdat het laden van de website te lang duurde? Dit is het laatste wat site-eigenaren willen dat er gebeurt. Maar geloof ons niet alleen op ons woord. Hier zijn enkele statistieken van marktleiders over het belang van siteprestaties:

  • Een vertraging van 1 seconde in de paginareactie kan resulteren in een vermindering van 7% in conversies. (Bron: Kissmetrics)
  • BBC nam waar dat 10% van de gebruikers hun site verliet voor elke extra seconde die nodig is om de site te laden. (Bron: Creative Bloq)
  • De conversiepercentages nemen met maar liefst 20% af met elke seconde vertraging in de laadtijd. (Bron: ThinkWithGoogle)
  • Pinterest verhoogde het aantal aanmeldingen met 15% nadat het de laadtijden van de pagina’s met bijna 40% had verminderd. (Bron: Pinterest Engineering op Medium)

Hier zijn een paar manieren waarop een CDN kan helpen de prestaties van je WordPress site te verbeteren.

Vermindert TTFB

We hebben hierboven al besproken dat een WordPress CDN de latentie kan helpen verminderen door de fysieke afstand die nodig is om de gegevens te verzenden te verkorten. Maar het kan ook helpen om je time to first byte (TTFB) te verlagen.

Dit meet hoe lang de browser wacht voordat de eerste byte aan gegevens van de server wordt ontvangen. Hoe langer het duurt om die gegevens op te halen, hoe langer het duurt om je pagina weer te geven.

Een CDN kan TTFB helpen verminderen
Een CDN kan TTFB helpen verminderen

Een veel voorkomende misvatting is dat TTFB wordt berekend na DNS opzoektijden. De oorspronkelijke berekening van TTFB in netwerken bevat echter altijd netwerklatentie. Dit bestaat uit een proces van 3 stappen, dus vertragingen en latentie kunnen overal tussenin optreden, wat bijdraagt aan je totale TTFB.

Hoge TTFB kan verschillende oorzaken hebben, zoals slechte code of verkeerd geconfigureerde caching op je hostserver. Maar geografische afstand is ook een punt van zorg.

We hebben twee tests uitgevoerd om het verschil in TTFB met en zonder Kinsta CDN (aangedreven door Cloudflare) te laten zien. We hebben elke test 5 keer uitgevoerd en hebben toen het gemiddelde genomen.

Test 1: TTFB zonder CDN

We deden eerst een Pingdom test met de Kinsta CDN uitgeschakeld. Dit zijn de resultaten:

  • De totale laadtijd was 1,45 s
  • Gemiddelde TTFB was ongeveer 136 ms
TTFB voordat je een CDN toevoegt
TTFB voordat je een CDN toevoegt

Test 2: TTFB met CDN

We hebben vervolgens de Kinsta CDN ingeschakeld en de test opnieuw uitgevoerd:

  • Totale laadtijden gedaald tot 788 ms
  • Gemiddelde TTFB verbeterd tot 37 ms

Wat een verschil kan een CDN maken!

Een ander essentieel ding om op te merken is dat we de locatie in Stockholm hebben gekozen om deze test uit te voeren. Waarom? Omdat we je de echte verbetering wilden laten zien die kan worden bereikt door de fysieke afstand te verkleinen. Er is een CDN POP in Stockholm, dus onze content wordt geleverd vanuit Stockholm.

TTFB na het toevoegen van een CDN
TTFB na het toevoegen van een CDN

Snellere levering met caching

Net zoals je caching kunt gebruiken met je WordPress host of een plugin, gebruiken CDN’s ook caching. Dat is een van de manieren waarop ze bestanden zo snel kunnen aanleveren.

Belangrijk: zodra een CDN een kopie van je media heeft ontvangen, moet deze doorgaans een of twee keer worden aangevraagd door een bezoeker voordat deze het CDN wordt gecachet. Een CDN plaatst een HTTP header op de verzoeken met de naam “X-Cache”. Het bestand verschijnt meestal als een MISS bij het eerste of tweede verzoek, wat betekent dat het nog is gecachet.

CDN niet gecachet (MISS)
CDN niet gecachet (MISS)

Bij volgende verzoeken wordt het weergegeven als een HIT, die nu is gecachet op je CDN. Het blijft gecachet op basis van verschillende factoren, zoals ETag headers, verlopen headers of handmatig opschonen van je CDN cache.

CDN gecachet (HIT)
CDN gecachet (HIT)

Met behulp van een CDN zoals Kinsta CDN (aangedreven door Cloudflare), kun je caching naar een hoger niveau tillen door gebruik te maken van wat wordt aangeduid als full-page, reverse proxy caching. Dit houdt in dat alles op één primaire URL wordt opgeslagen in plaats van op een secundair domein.

Enorme besparingen met GZIP compressie

WordPress CDN’s maken ook gebruik van GZIP, een bestandsindeling en softwareapplicatie die wordt gebruikt voor bestandscompressie en decompressie. GZIP compressie is serverzijde ingeschakeld (of op de CDN server/POP) en verkleint verder de grootte van je HTML, stylesheets en JavaScript bestanden.

Het werkt niet op afbeeldingen, omdat deze al anders zijn gecomprimeerd. Sommigen hebben tot 70% reducties gezien als gevolg van compressie. Het is een van de meest eenvoudige optimalisaties die je kunt maken. En maak je geen zorgen, alle gerenommeerde CDN’s hebben dit standaard ingeschakeld.

HTTP/2

HTTP/2 is ook een van de belangrijkste features die alle CDN’s gebruiken om de levering van assets te versnellen. De prestatieverbetering is te wijten aan verschillende redenen, zoals het protocol dat betere multiplexing, parallellisme, HPACK compressie met Huffman codering, de ALPN extensie en server push kan ondersteunen.

2. Lagere bandbreedtekosten

Een ander voordeel van een CDN is dat het kan helpen bij het ontlasten van CPU en resources van je hostingserver (origin server). Dit helpt:

  • Te voorkomen dat verkeerspieken je host overbelasten
  • Je totale bandbreedtekosten te verlagen
  • Fluctuaties in bandbreedtekosten te elimineren als gevolg van volatiel verkeer

Het laatste wat je wilt is dat iets viraal gaat, en je blijft zitten met een hoge rekening van je host of overschrijdingstoeslag.

Een andere manier waarop een CDN de kosten helpt verlagen, is door eenvoudige manieren te bieden om hotlink beveiliging in te schakelen. Dit verwijst naar het beperken van HTTP verwijzingen en het voorkomen dat anderen je assets (afbeeldingen – we hebben een tutorial over hoe je je afbeeldingen kunt beschermen) op andere websites insluiten.

Sommigen van jullie hebben misschien gehoord van het Huffington Post fiasco. Een auteur van de Huffington Post kopieerde en plakte afbeeldingen van de Oatmeal website, wat een rekening van $1.000 opleverde van AWS die naar de eigenaar van de Oatmeal site werd gestuurd. De eigenaar van de Oatmeal heeft uiteindelijk de afbeeldingen vervangen zodat lezers van het Huffington Post artikel ze konden zien.

Hotlink beveiliging
Hotlink beveiliging

Daarom is het altijd essentieel om hotlink beveiliging in te schakelen. Anders krijg je misschien een enorme rekening.

3. Hoge beschikbaarheid en schaalbaarheid

CDN’s bieden hoge beschikbaarheid en schaalbaarheid. Omdat de gerepliceerde content toegankelijk is via meerdere POP’s op verschillende geografische locaties, wordt webverkeer dynamisch naar een andere server geleid als er een uitvalt. En je hoeft je geen zorgen te maken over schaalbaarheid, omdat CDN providers met dat in gedachten zijn gebouwd. Een CDN kan voorkomen dat je website crasht als je een kleinere shared host gebruikt, omdat deze het grootste deel van de belasting afhandelt.

4. SEO voordelen

Google heeft sitesnelheid in 2010 tot een rankingfactor gemaakt, dus het is geen geheim dat een snellere website kan resulteren in een hogere score. Hoewel er geen manier is om te weten hoeveel gewicht er op snelheid wordt geplaatst, kun je er gerust van uitgaan dat dit een van de meer kritische factoren is, omdat het de gebruikerservaring beïnvloedt.

Brian Dean analyseerde de top 1 miljoen domeinen om te kijken naar de relatie tussen sitesnelheid en Google rankings en vond een positieve correlatie. Hoewel deze tests bijna onmogelijk te bewijzen zijn, kun je er zeker van zijn dat een snellere website je in Google zal helpen. Simpel gezegd, Google beloont snelle sites.

Websitesnelheid - Google rankings
Websitesnelheid – Google rankings

Naast de snelheid van de pagina’s van je website, helpt een CDN de crawlsnelheid van je media te verhogen, zoals afbeeldingen, die correleert met indexering in Google Image Search.

5. Extra beveiliging

Veel CDN’s bieden extra beveiliging doordat je webapplicatie firewalls (WAF) en wat sommigen Origin schilden noemen, kunt implementeren. Deze kunnen helpen:

  • DDoS aanvallen beperken in alle soorten en maten, inclusief aanvallen die gericht zijn op de UDP en ICMP protocollen
  • SYN/ACK, DNS versterking en Layer 7 aanvallen blokkeren
  • Je site achter een proxy plaatsen, die je origin IP adres verbergt, hoewel het niet altijd voldoende is.

Bekijk onze casestudy over het stoppen van een DDoS aanval. We hadden een klant met een kleine e-commercesite met Easy Digital Downloads, die binnen 7 dagen meer dan 5 miljoen verzoeken op één pagina kreeg.

De site genereerde doorgaans slechts tussen de 30-40 MB per dag aan bandbreedte en een paar honderd bezoekers per dag. Maar de site ging meteen naar tussen de 15-19 GB aan gegevensoverdracht per dag uit het niets! Dat is een stijging van 4.650%. En Google Analytics toonde geen extra verkeer. Dat is niet goed.

DDoS aanval
DDoS aanval

De klant implementeerde Sucuri’s webapplicatie firewall op hun site en alle bandbreedte en verzoeken op de site verdwenen onmiddellijk (zoals hieronder te zien), en sindsdien is er geen enkel probleem meer geweest. Het is dus een goede investering en tijdwinst als je tegen dit soort problemen aanloopt.

CDN’s bieden ook extra beveiligingsfeatures, zoals beveiligde tokens, waarmee je beveiligde links met een vervaltijd kunt genereren. Nadat deze is verlopen, hebben gebruikers geen toegang meer tot die content.

CDN snelheidstests: met CDN vs zonder CDN

Laten we, in plaats van je alleen de voordelen van een WordPress CDN te vertellen, enkele tests doen om je de resultaten te laten zien.

  • We hebben 5 tests uitgevoerd vanaf 4 verschillende testlocaties met een CDN ingeschakeld en vervolgens zonder een CDN.
  • De site wordt gehost bij Kinsta en maakt gebruik van het gratis Kinsta CDN (powered by Cloudflare).
  • De fysieke locatie van de server is in Iowa, VS.

Belangrijk: wanneer je je CDN op snelheid test, voer je het een paar keer uit zodat de media is gecachet. Zoals we eerder beschreven met betrekking tot CDN caching, zal de X-Cache HTTP header een “HIT” tonen zodra deze is gecachet. Als het niet is gecachet, wordt er een “MISS” weergegeven. Als je dit niet goed doet, kan het lijken alsof het CDN je site niet helpt versnellen als je niet eerst de cache hebt opgebouwd.

Zonder CDN (Dallas, Texas, VS)

We hebben eerst 5 Pingdom tests uitgevoerd met een server in Dallas zonder CDN. We namen vervolgens het gemiddelde.

Zonder CDN test met Dallas server (bron: Pingdom)
Zonder CDN test met Dallas server (bron: Pingdom)

Zonder CDN (Melbourne, Australië)

Vervolgens hebben we 5 Pingdom tests uitgevoerd met een server in Melbourne, Australië zonder CDN. Het gemiddelde werd ook hier genomen.

Zonder CDN test met behulp van een server in Australië (bron: Pingdom)
Zonder CDN test met behulp van een server in Australië (bron: Pingdom)

Without CDN (San Jose, California, USA)

We deden vervolgens 5 Pingdom tests zonder CDN Uit San Jose, Californië, en namen het gemiddelde.

Zonder CDN test van San Jose server (bron: Pingdom)
Zonder CDN test van San Jose server (bron: Pingdom)

Zonder CDN (Stockholm, Zweden)

We hebben 5 Pingdom tests gedaan zonder CDN Uit Stockholm, Zweden, en namen het gemiddelde.

Zonder CDN test met behulp van een server in Zweden (bron: Pingdom)
Zonder CDN test met behulp van een server in Zweden (bron: Pingdom)

Met CDN (Dallas, Texas, USA)

Ter vergelijking: we hebben 5 Pingdom tests uitgevoerd met het actieve Kinsta CDN vanaf een server in Dallas, Texas. Daarna is het gemiddelde genomen.

Test met Kinsta CDN met behulp van een Dallas server (bron: Pingdom)
Test met Kinsta CDN met behulp van een Dallas server (bron: Pingdom)

Met CDN (Melbourne, Australië)

Vervolgens hebben we 5 Pingdom tests uitgevoerd met de Kinsta CDN vanaf een server in Melbourne, Australië en hebben we het gemiddelde genomen.

Met CDN test Australië (bron: Pingdom)
Met CDN test Australië (bron: Pingdom)

Met CDN (San Jose, Californië, USA)

We hebben ook 5 Pingdom tests uitgevoerd met een CDN met behulp van een server in San Jose, Californië en hebben het gemiddelde genomen.

Met CDN test met een San Jose server (bron: Pingdom)
Met CDN test met een San Jose server (bron: Pingdom)

Met CDN (Stockholm, Zweden)

We hebben 5 Pingdom tests gedaan voor een Stockholm server met een actieve CDN. Het gemiddelde werd toen genomen.

Met CDN test met behulp van een server in Zweden (bron: Pingdom)
Met CDN test met behulp van een server in Zweden (bron: Pingdom)

De resultaten

Laten we eens kijken naar de resultaten om te begrijpen hoeveel een CDN de totale laadtijden beïnvloedt.

CDN snelheidstest vergelijking
CDN snelheidstest vergelijking
  • Dallas, Texas, Verenigde Staten: Vermindering van de totale laadtijd met een CDN met 8,11%.
  • San Jose, Californië, Verenigde Staten: Vermindering van de totale laadtijd met een CDN met 33,02%
  • Melbourne, Australië: Vermindering van de totale laadtijd met een CDN met 54.19%.
  • Stockholm, Zweden: Vermindering van de totale laadtijd met een CDN met 54.7%.

Het CDN produceerde iets snellere laadtijden van pagina’s met zowel Dallas als San Jose sites. Maar als je naar de tests in Australië kijkt, zie je een enorm verschil in laadtijden. Dit komt door de geografische locatie van de testserver.

De Kinsta testserver is in Iowa, dus de gegevens hoeven niet zo ver te reizen bij het laden zonder CDN uit Dallas en San Jose. Maar voor Australië is de afstand wat de laadtijden schaadt.

Wanneer we de CDN inschakelen, wordt de content en media geladen van een Kinsta CDN POP in Sydney, Australië, wat resulteert in veel snellere downloadtijden. Hetzelfde geldt voor Stockholm, Zweden.

Wilt je in sommige gevallen je laadtijden met meer dan 50% verminderen? Het antwoord moet ja zijn!

Heb je een CDN nodig?

We krijgen deze vraag vaak. In onze ervaring zou het geen vraag moeten zijn, aangezien een CDN in bijna elk scenario nuttig is, ongeacht de grootte en het verkeer van je site.

Kijk maar eens naar alle voordelen die we hierboven hebben genoemd. Prijs is meestal niet langer een factor, aangezien de meeste CDN providers erg goedkoop zijn, of gratis bij Kinsta CDN. Niet te vergeten, CDN’s helpen bij het verbeteren van SEO, het laden van sites, gebruikerservaring en meer!

De enige keer dat je misschien wat verder wilt testen, is als je alleen content aanbiedt aan bezoekers op een specifieke geografische locatie.

Laten we zeggen dat je bijvoorbeeld een kleine winkel hebt met een website in Ontario, Canada. Misschien geef je niet zoveel om klanten die elders gevestigd zijn. Je wilt onderzoeken waar de POP’s van een CDN provider zich bevinden.

Als je webserverhost zich in Ontario bevindt, maar je je aanmeldt voor een CDN provider met alleen de dichtstbijzijnde POP in de VS, kan dit je site vertragen. In dit scenario, dat zeer zeldzaam is, kan het voordelig zijn om geen CDN te gebruiken.

Populaire CDN providers

Hoewel er veel geweldige CDN providers zijn, biedt Kinsta een CDN ingebouwd in zijn hosting; het wordt mogelijk gemaakt door Cloudflare, is snel, eenvoudig te activeren en helemaal gratis voor Kinsta gebruikers. We raden aan om gebruik te maken van de gratis Cloudflare integratie, maar we begrijpen dat sommige site-eigenaren om specifieke redenen een externe CDN of proxy nodig hebben.

In dat geval raden we je aan om enkele andere top CDN’s te verkennen, die allemaal compatibel zijn met Kinsta hosting (klik op de links om de Kinsta integratiedocumentatie voor elk te bekijken):

Zo installeer je een CDN in WordPress

Elke CDN provider heeft zijn integratiemethode, maar gelukkig ondersteunen ze allemaal WordPress en maken ze het makkelijk om te integreren. Controleer hun documentatie of vraag hun ondersteuningsteam als je problemen ondervindt.

Kinsta CDN

We zijn een partnerschap aangegaan met Cloudflare, een voor HTTP/2 en IPv6 geschikt netwerk voor contentlevering met meer dan 200 locaties, om je assets en media over de hele wereld een boost te geven. Momenteel beschikbare regio’s zijn Amerika, Zuid-Amerika, Europa, Afrika, Azië en Australië.

Kinsta CDN
Kinsta CDN

Bekijk hoe je het Kinsta CDN inschakelt. Het is een eenvoudig proces met één klik vanuit de MyKinsta backend dashboard.

Schakel Kinsta's CDN in MyKinsta in.
Schakel Kinsta’s CDN in MyKinsta in.

We bieden ook geweldige site-analyses om bandbreedtegebruik, topbestanden per aanvraag, HTTP statuscodes en meer te zien.

Binnen het MyKinsta dashboard kun je analyses bekijken op bedrijfsniveau (waarbij gegevens van al je sites worden samengevoegd) en op site-specifiek niveau.

Analytics op bedrijfsniveau in MyKinsta.
Analytics op bedrijfsniveau in MyKinsta.
Analytics op siteniveau in MyKinsta.
Analytics op siteniveau in MyKinsta.

Cloudflare

Als je Cloudflare gebruikt of erin geïnteresseerd bent voor een site die niet op Kinsta wordt gehost, hebben we een uitgebreide tutorial over hoe je Cloudflare op je WordPress site kunt installeren.

Houd er echter rekening mee dat alle Kinsta hostinggebruikers een gratis CDN ontvangen, mogelijk gemaakt door Cloudflare, dus het is makkelijker om die methode te gebruiken in plaats van het als een afzonderlijk onderdeel te installeren.

Als onderdeel van onze Cloudflare integratie, slaat Edge Caching je Kinsta site/pagina cache op in een van Cloudflare’s wereldwijde netwerk van 260+ datacenters.

Edge Caching is gratis inbegrepen bij alle Kinsta pakketten, vereist geen aparte plugin, en vermindert de tijd die nodig is om gecachete WordPress HTML te leveren met gemiddeld meer dan 50%!

Externe CDN

Als je zelf een CDN wilt implementeren, raden we je aan een subdomein voor je media en assets te gebruiken in plaats van de willekeurige URL van de provider.

Bijvoorbeeld: cdn.jouwdomein.com.

Dit zal zorgen voor een betere branding voor je site, evenals minder gedoe als het gaat om het indexeren van problemen.

Nadat je je CDN hebt ingesteld bij de provider, kun je een gratis WordPress plugin gebruiken om je assets snel te koppelen en automatisch te kopiëren naar je CDN provider. Bekijk hieronder onze lijst met aanbevolen WordPress CDN plugins.

Top CDN plugins en extensies

top CDN plugins

Deze CDN plugins activeren niet automatisch een CDN op je WordPress website, maar verbinden eerder een externe CDN provider (zoals Cloudflare, Fastly of Sucuri) met je WordPress site, waardoor het CDN toegang heeft tot site assets en die content kan leveren aan bezoekers.

Over het algemeen maken de beste WordPress CDN plugins de verbinding voor jou makkelijk en bieden ze een oplossing met één klik in plaats van een ingewikkelde integratie.

Dit zijn de beste WordPress CDN plugins:

  • Cloudflare: dit is de juiste keuze als je Cloudflare als je CDN provider gebruikt, vooral omdat het een installatie met één klik, een firewall instelling voor webapplicaties en een automatische platformoptimalisatietool biedt, die sites aanzienlijk versnelt met meer dan 250 snelle en betrouwbare datacenters. Als alternatief kun je kiezen voor Kinsta CDN, dat al wordt aangedreven door Cloudflare en de extra plugin niet vereist!
  • Bunny.net: zowel een CDN provider als een WordPress CDN plugin, Bunny.net biedt een snelle integratie om links te vervangen en toe te voegen aan je CDN. Je krijgt snelle prestatieverbeteringen met geautomatiseerde HTTPS configuratie, aangepaste CDN hostnamen en de mogelijkheid om uit te sluiten dat specifieke mappen via je CDN worden bediend.
  • LiteSpeed Cache: dit is in de eerste plaats een cachingplugin. Maar het wordt ook geleverd met een gratis QUIC.cloud CDN cache, of je kunt een koppeling maken naar een CDN provider. Je kunt de prestaties van je site verbeteren met een breed scala aan features, samen met minimisatie, afbeeldingsoptimalisatie en lazy loading.
  • W3 Total Cache: Veel caching plugins acteren ook als CDN WordPress plugins, en W3 Total Cache is daar een van. Integreer met enkele van de meest populaire CDN providers om de prestaties van je site direct te verbeteren zonder ingewikkelde instellingen. Dit verzendt elementen zoals media-items en themabestanden naar het CDN, terwijl deze bestanden ook worden gecachet en gecomprimeerd voordat ze binnen het CDN worden gebruikt.
  • CDN Enabler: deze plugin herschrijft al je URL’s zodat assets worden geleverd vanaf je externe CDN. Je kunt een koppeling maken met een KeyCDN account en profiteren van het opschonen van de cache, prestatieverbeteringen en meer.

Afbeeldingen indexeren met CDN

Je wilt ervoor zorgen dat Google je afbeeldingen nog steeds indexeert wanneer je naar een CDN gaat.

Voor gebruikers van de Yoast SEO plugin, wil je de volgende code onderaan je functions.php bestand toevoegen. Vervang het domein en het CDN domein door je eigen domein.

function wpseo_cdn_filter( $uri ) {

return str_replace( 'http://yourdomain.com', 'http://cdn.yourdomain.com', $uri );

}

add_filter( 'wpseo_xml_sitemap_img_src', 'wpseo_cdn_filter' );

Als je dit niet doet, kan dit ertoe leiden dat je afbeeldingen gedeïndexeerd worden (zoals hieronder te zien is). Je kunt dit altijd zelf controleren in Google Search Console.

Afbeeldingen worden niet geïndexeerd
Afbeeldingen worden niet geïndexeerd

Google Search Console heeft echter gebreken en geeft soms geen geïndexeerde afbeeldingen weer terwijl ze wel op Google verschijnen. Een uitstekende manier om te controleren of je afbeeldingen zijn geïndexeerd, is door naar Google Image Search te gaan en het volgende in te voeren: “site:https://jedomein.com.”

Google Image Search indexering controleren
Google Image Search indexering controleren

Belangrijk: voer niet je CDN URL in. Ook al worden afbeeldingen geleverd vanaf het CDN, ze moeten nog steeds indexeren op je hoofddomein.

Als je afbeeldingen worden weergegeven in Google Image Search, worden ze prima geïndexeerd.

Samenvatting

Nu kun je alle fantastische voordelen zien die je kunt halen uit het gebruik van een WordPress CDN. Het zorgt ervoor dat je media sneller over de hele wereld worden geladen, vermindert je TTFB en verlaagt je bandbreedtekosten en serverbelasting drastisch.

Niet alleen dat, maar je kunt ook betere rankings zien dankzij snellere laadtijden van pagina’s. En het belangrijkste is dat je bezoekers een veel betere gebruikerservaring hebben.

Onze HTTP/2 Kinsta CDN is onderdeel van al onze hostingabonnementen. Heb je ideeën over het gebruik van een CDN? We horen graag je mening hieronder in de comments.

Salman Ravoof

Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.