Bij Kinsta is het maximaliseren van de prestaties van de sites van onze klanten een van onze topprioriteiten. Elk onderdeel van onze hostingstack is geselecteerd met het oog op prestaties, van onze C2 compute-optimized VM’s tot onze secuur afgestelde configuraties.

Een Content Delivery Network (CDN) is een cruciaal onderdeel van een moderne hostingstack, en we zijn er trots op dat wij zonder extra kosten Kinsta CDN aan mogen bieden – een premium CDN die wordt aangedreven door Cloudflare. In dit artikel leer je meer over Kinsta CDN en hoe je deze kan inschakelen voor je WordPress site.

Kinsta CDN

Alle sites die worden gehost op Kinsta, zijn beveilig door onze gratis Cloudflare integratie. Naast de zwaarst mogelijke firewall en DDoS bescherming, hebben klanten van Kinsta ook toegang tot een high-performance HTTP/3 CDN die wordt aangedreven door het betrouwbare wereldwijde netwerk van Cloudflare.

Hoe snel is Kinsta CDN?

Om de prestaties van de nieuwe Kinsta CDN te testen, hebben we een reeks benchmarktests uitgevoerd vanuit 10 locaties van over de hele wereld. Voor deze test gebruikten we een WordPress blog met een aangepast thema met een verscheidenheid aan tekst en grafische content. Dit alles hostten we in Google Clouds datacenter in Iowa, VS. In totaal bestond het aantal pagina’s die we testten uit meer dan 30 statische asset verzoeken (JS, CSS, afbeeldingen, lettertypen, etc.) en woog deze 3,2 MB. Als laatste maten we de laadtijd van de volledige pagina drie keer per locatie en berekenden we de gemiddelde tijd van elke locatie.

Tijdens onze prestatiebenchmarktests ontdekten we dat het inschakelen van Kinsta CDN resulteerde in een vermindering van de laadtijd van de pagina’s tot 44%. In de onderstaande tabel zie je de voor vs na resultaten voor de verschillende locaties.

Houd er rekening mee dat locaties die zich in de buurt van de origin server bevinden die we hebben gebruikt om onze tests uit te voeren (Iowa, VS) mogelijk geen prestatieverbeteringen zien met Kinsta CDN.

Locatie Geen CDN (seconden) Kinsta CDN (seconden) Percentage verschil
Frankfurt 2.64 2.19 -17.05%
Amsterdam 3.05 1.7 -44.26%
London 2.78 1.55 -44.24%
New York 1.16 0.835 -28.02%
Dallas 0.721 0.849 +17.75%
San Francisco 1.1 1.2 +9.09%
Singapore 4.91 3.41 -30.55%
Sydney 4.72 3.95 -16.31%
Tokyo 2.83 2.18 -22.97%
Bangalore 4.43 4.82 +8.80%

Cloudflare exploiteert een van de grootste CDN netwerken ter wereld met een netwerk dat zich uitstrekt over 200 steden van over de hele wereld. Ter vergelijking, andere populaire CDN providers, zoals KeyCDN, Bunny CDN en StackPath hebben minder dan 60 Points of Presence (PoPs).

Dit betekent dat door Kinsta CDN te gebruiken, de statische assets van je WordPress site van veel meer locaties over de hele wereld geleverd kunnen worden zonder dat je voor extra diensten hoeft te betalen!

Voordelen van Kinsta CDN

Door gebruik te maken van het netwerk van Cloudflare, biedt Kinsta CDN een aantal voordelen ten opzichte van traditionele CDN providers. Laten we een paar van de grootste voordelen van Kinsta CDN bespreken:

HTTP/3 ondersteuning

Kinsta CDN wordt geleverd met native ondersteuning voor HTTP/3, de meest recente revisie van het HTTP protocol. Vergeleken met HTTP/2  biedt HTTP/3 snellere 0-RTT-handshakes, SSL coderingsvereisten, betere prestaties en meer.

Nu grote webbrowsers zoals Chrome en Firefox HTTP/3 ondersteuning hebben toegevoegd, is het belangrijk dat CDN providers dit ook gaan ondersteunen. Op dit moment is Kinsta CDN een van de weinige CDN’s die HTTP/3 ondersteunt. Dat gezegd hebbende: je hoeft je geen zorgen te maken als de browsers van je bezoekers HTTP/3 nog niet ondersteunen, aangezien Kinsta CDN indien nodig automatisch terugvalt op HTTP/2.

Ondersteuning primair domein

Cloudflare is een reverse proxy-service, wat betekent dat je geen secundair domein nodig hebt om te profiteren van de verschillende features. Dankzij Kinsta CDN kunnen de gecachte assets van je site worden geleverd vanuit je primaire domein in plaats van een secundair CDN domein.

Hoewel Google beweert dat er geen SEO voordeel is om afbeeldingen vanuit je primaire domein te leveren, zijn er nog steeds een paar voordelen om niet afhankelijk te zijn van een secundair CDN domein. Als je bijvoorbeeld een URL van een afbeelding gebruikt die gebruik maakt van een secundair CDN domein, kan deze in de toekomst een HTTP 404 fout geven als je ooit van CDN provider wisselt. Door via je je primaire domein je statische assets te cachen en te leveren, hoef je je hier geen zorgen over te maken.

Ten slotte verbetert de mogelijkheid om assets vanuit je primaire domein te leveren, zonder dat je de URL moet herschrijven voor een secundair domein, ook de compatibiliteit met WordPress Multisite.

Zo schakel je Kinsta CDN in

Om Kinsta CDN in te schakelen, log je in op MyKinsta en ga je naar Websites > Jouw site > Kinsta CDN en klik je op Kinsta CDN inschakelen.

Kinsta CDN inschakelen in MyKinsta.
Kinsta CDN inschakelen in MyKinsta.

Bevestig vervolgens het aanmaken van de zone door te klikken op Kinsta CDN inschakelen in het pop-upvenster.

De implementatie van Kinsta CDN bevestigen.
De implementatie van Kinsta CDN bevestigen.

Kinsta CDN uitschakelen (of purgen)

Nadat Kinsta CDN is ingeschakeld, zou je een groen vinkje moeten zien dat aangeeft dat Kinsta CDN nu live is! Op deze pagina zie je ook twee knoppen – Uitschakelen en CDN-cache legen.

Kinsta CDN instellingen in MyKinsta.
Kinsta CDN instellingen in MyKinsta.

Kinsta CDN testen

Nadat het implementeren van Kinsta CDN, kan je deze testen met een tool die websitesnelheid meet. Aangezien Kinsta CDN geen secundair CDN domein gebruikt, kan je niet controleren of het CDN werkt door het domein van je statische bestanden te inspecteren.

Voordat je doorgaat met snelheidstests, raden we aan om de HTTP headers van een statische asset te inspecteren om te bevestigen dat het wordt geladen vanaf Kinsta CDN. Er zijn twee manieren om HTTP headers te controleren: via de webbrowser en Terminal.

Zo controleer je Kinsta CDN met een webbrowser

Je kan de ingebouwde ontwikkelaarstools van je webbrowser gebruiken om te controleren of Kinsta CDN werkt. Voor dit voorbeeld gebruiken we Google Chrome om HTTP headers te inspecteren voor een statische asset. Om de Chrome developerstools te openen, klik je met de rechtermuisknop op de pagina en op Inspect.

Start de Chrome developerstools.
Start de Chrome developerstools.

Klik vervolgens op het tabblad “Network” en laad de pagina opnieuw. Terwijl de pagina wordt geladen, zie je een lijst met statische assets van de pagina aan de linkerkant van het venster met de ontwikkelaarstools. Om te controleren of Kinsta CDN correct werkt, klik je op een statische asset (CSS, JS, afbeeldingsbestand of weblettertype) dat vanaf je domein wordt geladen.

HTTP headers in Chrome developerstools.
HTTP headers in Chrome developerstools.

Scrol in het “Headers” tabblad naar beneden tot je “Response Headers” ziet. In deze sectie zou je een cf-cache-status header moeten zien met de waarde HIT. Als je een andere waarde ziet, zoals MISS of DYNAMIC, probeer dan de pagina een paar keer te vernieuwen om de CDN cache pagina te primen.

Zo controleer je Kinsta CDN in Terminal

Als je bekend bent met het gebruik van Terminal (opdrachtregel), kan je ook de HTTP headers controleren met het curl commando. Eerst moet je de URL van een statische asset vinden op je site. Om dit te doen, klik je met de rechtermuisknop op een afbeelding van je site en kopieer je de URL.

Gebruik vervolgens de onderstaande opdracht en vervang de URL aan het einde van de opdracht door een asset URL.

curl -L -s -o /dev/null -D - https://kinstacdn.kinstalife.com/wp-content/uploads/2021/01/post-one.jpg

Na het uitvoeren van deze opdracht, zou je een antwoord als dit moeten zien:

Controleer cf-cache-status en ki-cache-tag van een asset in Terminal.
Controleer cf-cache-status en ki-cache-tag van een asset in Terminal.

Als Kinsta CDN is ingeschakeld, zou je een HIT waarde moeten zien naast de cf-cache-status header. Als je DYNAMIC of MISS in plaats van HIT, probeer dan de opdracht nog een paar keer uit te voeren om de CDN cache te primen. Je zou ook de ki-cache-tag-header in de respons moeten zien, die aangeeft dat het item wordt geleverd door onze Kinsta CDN.

 

Belangrijke opmerkingen

Hier zijn enkele belangrijke opmerkingen over de Kinsta CDN integratie.

Samenvatting

Kinsta CDN is een high-performance CDN die zonder extra kosten beschikbaar is voor alle klanten van Kinsta. Het wordt aangedreven door onze gratis Cloudflare integratie en levert automatisch je content vanuit meer dan 200 PoP’s van over de hele wereld. Als je vragen hebt over Kinsta CDN, neem dan gerust contact op met ons 24/7 ondersteuningsteam voor verdere hulp!