Als je een internationaal bedrijf of blog runt, moet je site van overal snel laden. Met andere woorden, waar je bezoekers ook vandaan komen, je site moet vlot aanvoelen.
Maar dit klinkt niet als een gemakkelijke prestatie. Hoe zet je een snelle wereldwijde WordPress website op, die vanaf elke locatie snel laadt? In dit artikel leg ik uit wat je nodig hebt en welke stappen je moet nemen; en hoe je dit gemakkelijk kunt doen met Rocket.net.
En hier is maar een voorproefje van wat bereikt kan worden:
Beginnen met snelheidsoptimalisatie
Voor alle snelheidsoptimalisaties zijn twee overkoepelende begrippen van belang:
- Hoe goed je aplicatiesoftware, in dit geval WordPress, geoptimaliseerd is.
- Hoe goed je server (en het netwerk waarmee hij verbonden is) geoptimaliseerd is.
In een eerdere post besprak ik al hoe te versnellen WordPress. Nu ga ik me richten op het server en netwerk gedeelte. Als je je wilt richten op een website die wereldwijd, vanaf, overal snel draait, moet je je daarop richten. Het is een belangrijke bijdragende factor.
In essentie moet je rekening houden met drie factoren die de totale levering van je site Worldwide verbeteren.
Drie stappen voor het maken van een snelle wereldwijde WordPress website
Dit zijn de drie stappen die je kunt nemen om je site globaal sneller te laten lopen:
Factor 1: Kies een goed verbonden datacentrum dicht bij de meeste van je bezoekers
Als je niet vertrouwd bent met hosting, ben je je er misschien niet van bewust dat je WordPress website draait op een echte fysieke computer in een datacentrum dat met het internet verbonden is. Deze laatste zin is eigenlijk de definitie van webhosting.
En de fysieke locatie van je server doet er toe. Hoe dichter de server bij de meeste van je bezoekers staat, hoe sneller de site voor hen laadt. Je kunt gemakkelijk iets gebruiken dat Google Analytics heet (er zijn er goede alternatieven voor Google Analyticstrouwens) om na te gaan waar al je bezoekers vandaan komen.
Als je webhost de mogelijkheid heeft om de locatie van het datacentrum van je website te kiezen, kies dan de dichtstbijzijnde.
Zorg er ook voor dat het datacentrum van je hosting provider dicht bij knooppunten van wereldomspannende netwerken ligt. Dit zal de zogenaamde latentie van je website sterk verbeteren, en zo kostbare laadtijd afknabbelen. Enkele voorbeelden van datacentra die goed verbonden kunnen zijn zijn:
- Amsterdam
- Dallas
- Frankfurt
- Helsinki
- Londen
- Los Angeles
- New York
- Seattle
- Singapore
- Sydney
Maar factor 2 en 3 hebben een grote invloed.
Factor 2: Gebruik een content delivery netwerk
Een erg kreupele definitie, maar een content delivery network is een netwerk dat verbetert hoe je inhoud bezorgd wordt.
Maar wat betekent dat in de praktijk?
Je website heeft verschillende stukken inhoud. Je denkt misschien aan tekst en woorden als je aan inhoud denkt. Maar in technische termen bestaat website inhoud uit afbeeldingen, scripts en zogenaamde stylesheets.
Als je een content delivery network gebruikt, worden deze stukjes inhoud opgeslagen op een netwerk van servers over de hele wereld.
Een van de bekendste aanbieders van een content delivery netwerk is Cloudflare. Wij gebruiken het ook, zoals een heleboel andere bedrijven doen. Het heeft wereldwijd meer dan 200 locaties waar inhoud geserveerd wordt, dus een grote verandering is dat je inhoud geserveerd wordt vanuit een locatie dicht bij je bezoekers.
Trouwens, als je alleen plaatselijke bezoekers hebt in de buurt van het datacentrum van je hostingbedrijf, is het gebruik van een CDN niet echt nodig en kan het je site zelfs vertragen.
En als je LiteSpeed gebruikt, kijk dan eens naar QUIC.cloud, dat een CDN is die sterk integreert met LiteSpeed en de LiteSpeed cache plugin (lees hier over hoe je QUIC.cloud instelt voor een veiligere en snellere WordPress website).
Factor 3: Cacheer je complete website aan de rand (inhoudsnetwerk)
Als je een website hebt die overwegend statisch is, is het heel zinvol om je complete website no the edge te cachen. En dat klinkt deftig, maar wat houdt het in?
Wat zijn statische websites?
Laten we beginnen met de term statische website. Een statische website is in principe een website waar aan de voorkant een gebruiker niet echt hoeft in te loggen of geen gegevens aan hem of haar hoeft te koppelen. Een dynamische website daarentegen heeft dynamische inhoud, en een goed voorbeeld hiervan zijn webwinkels.
Wat is caching aan de rand?
Wat betekent nu de tweede term, caching on the edge? Wel, laat me het uitleggen. WordPress is gebouwd in PHP (en andere talen), wat een server-side taal is. Telkens als een bezoeker je website bezoekt, moet de server waarop je website draait PHP laten draaien en wat berekeningen doen om de website te tonen. Met andere woorden, de pagina wordt dynamisch door de server gegenereerd.
Zelfs als je pagina voor elke bezoeker precies hetzelfde is, moet hij deze pagina rerenderen en dit doen. Tenzij je caching gebruikt. Met caching wordt van elke pagina een statische kopie gemaakt. Dit is in principe de versie die dynamisch gegenereerd werd.
Deze exacte, statische kopie, wordt aan elke bezoeker geserveerd en de server hoeft geen kostbaar dynamisch proces uit te voeren. En dat maakt dat je website veel sneller laadt.
Nu kun je met een CDN al inhoud serveren zoals afbeeldingen en scripts. Maar met caching aan de rand verblijft je complete website (nou ja, tenminste een gecachede kopie) op het content delivery netwerk.
Je bezoekers hoeven geen rondreis te maken naar de server van je website, maar alleen naar de servers van het content delivery netwerk. En als die in de buurt zijn, laadt dat een stuk sneller.
Het is echter moeilijker om een dynamische website te cachen, omdat elke bezoeker een unieke website te zien krijgt (zoals een besteloverzicht van de inhoud van een winkelwagentje die persoonlijk is). Je kunt dus geen kopie serveren.
Plugins voor caching op de Edige
Er zijn enkele krachtige plugins, zoals de Cloudflare plugin en de WP Cloudflare Super Pagina Cache die je WordPress website aan de rand kan cachen en uitzonderingen toestaat. En in dit geval, in de rand van Cloudflare.
LiteSpeed (een technologie voor het runnen van een webserver) heeft ook een geweldige plugin genaamd LiteSpeed cache die integreert met QUIC.cloud, die ook een optie heeft om je complete website op de rand te cachen.
Maar voor nu zijn deze plugins een onderwerp voor een andere post.
In dit onderwerp leg ik uit hoe je dit gemakkelijk kunt doen door een hosting provider te gebruiken.
Gebruik een WordPress hosting provider die een CDN en Edge caching biedt
Hoewel de voorafgaande stappen niet moeilijk uit te zoeken zijn als je een ontwikkelaar bent, kosten ze wel tijd bij het configureren. De gemakkelijkste manier is te kiezen voor een WordPress hosting provider die de eerder genoemde factoren al biedt.
Gelukkig zijn er een aantal goede WordPress hosting providers die de bovenstaande functionaliteiten al in hun aanbod hebben, zoals Kinsta, Rocket.net en WPX.
In het volgende leg ik stap voor stap uit hoe je met Rocket.net een waanzinnig snelle globale website kunt opzetten. Je kunt deze stappen ook bekijken in de onderstaande video.
Stap 1: Kies een aanbieding en registreer je bij Rocket.net
Begin met het kiezen van een plan, dat pas begint vanaf $30. Dat klinkt misschien als veel, maar de waarde voor wat je krijgt is geweldig. Het is niet echt veel als je een wereldwijde website wilt runnen die succesvol moet zijn.
Het is slechts $1 voor de eerste maand, dus je kunt ze altijd uitproberen zonder je portemonnee te hoeven lossen. Klik gewoon op Get started en volg mee.
Stap 2: Voeg een nieuwe Site toe
Geweldig, je bent nu geregistreerd en je kunt een nieuwe site toevoegen! Het proces is rechttoe rechtaan.
Voeg een nieuwe site toe door op de create site knop te klikken, het zou er ongeveer zo uit moeten zien als in het scherm hierboven.
Vul een naam en een plaats voor je site in. Hoewel Rocket.net overal snel werkt, kies toch een locatie dicht bij de meeste van je bezoekers.
Je kunt dan je WordPress login gegevens invullen, de taal en eventuele optionele instellingen. Druk op doorgaan en je site is gemaakt.
Stap 3: Werk aan je tijdelijke site
Standaard zal deze site op een tijdelijk domein staan. Daarop kun je al je website bewerkingen doen, ook als je geen domein hebt. Zo ziet het portaal van Rocket.net er uit bij het beheren van een site:
Zie je de sectie klaar om live te gaan? Als je klaar bent, kun je de website daar live zetten. Maar laten we eerst eens in domeinen duiken.
Als je klaar bent, moet je een domein registreren, dat is het adres dat mensen zullen intikken om je website te bezoeken. In dit geval gebruiken we Cloudflare, maar je kunt ook een dienst gebruiken zoals Namecheap.
Stap 4: Registreer een domein bij Cloudflare
Voordat je een domein registreert, moet je een account bij Cloudflare aanmaken. Het is eenvoudig, klik op het Sign Up item links bovenaan bij cloudflare.com.
Als je geregistreerd bent, kun je inloggen. Voordat je een domein kunt registreren, moet je een betalingsmethode toevoegen. Dit kun je doen door linksboven naar account te gaan en dan facturering te kiezen.
er is echter een addertje onder het gras, Cloudflare ondersteunt zowel creditcards als Paypal, dus je hebt een van deze betaalmethoden nodig.
Als je de facturering hebt ingesteld, kun je een domein gaan registreren. In het menu aan de linkerkant is er een item dat 'Registar' heet. Ga er naar toe.
Typ het domein dat je wilt. Cloudflare ondersteunt de meeste belangrijke domeinextensies, behalve landspecifieke extensies. Daarvoor kun je een andere Registar gebruiken, zoals Namecheap.
Cloudflare verkoopt domeinen tegen groothandelsprijs. Dat betekent dat domeinen echt goedkoop.
Ga verder met de betaalschermen. Je domein is nu geregistreerd! Het kan even duren voor de registratie voltooid is, dus je moet hier even wachten.
Stap 5: Verbind je domein met Rocket.net
Ga nu terug naar het portaal op Rocket.net. Het domein is geregistreerd, dus laten we live gaan!
Eerst klik je op Get started knop in de sectie ready to go live. Je kunt nu het gewenste domein van de website invoeren, dat zal het domein zijn dat je net gekocht hebt.
Na het invoeren van het domein moet je misschien een SSL certificaat instellen. Dit kun je ook overslaan, of je moet de waarde als een TXT record in Cloudflare toevoegen. Ook dit leg ik uit in stap 6.
Vervolgens moet je je DNS records in Cloudflare bijwerken. De volgende stap laat je zien hoe.
Stap 6: Voeg de juiste waarden toe in Cloudflare.
Selecteer het domein dat je bij Cloudflare registreerde in het hoofddashboard. Ga daarna naar DNS in het menu aan de linkerkant. Je kunt nu je DNS instellingen wijzigen.
Als je daar een A record hebt, verwijder het dan, want het zal de configuratie in de war sturen.
Begin vervolgens met het toevoegen van een zogenaamd CNAME record (klik op "Add record", kies CNAME bij Type). Vul de waarden in die je van Rocket.net kreeg. Zorg ervoor dat je de Proxy status op off zet, want Rocket.net zorgt daar al voor.
Als je een bestaand CNAME record voor www hebt, moet je dat ook veranderen (of toevoegen als je dat niet hebt). Dit is wat ik uiteindelijk kreeg:
Op een vergelijkbare manier kun je het TXT record toevoegen voor de SSL verificatie. Gebruik gewoon TXT als Type in plaats van CNAME, en je bent goed op weg!
Stap 7: Geniet van een snelle rit
En je bent al klaar! Je zou nu een WordPress website moeten hebben draaien op Rocket.net op het domein dat je zojuist registreerde!
Laten we eens kijken wat een verschil het kan maken, de onderstaande figuur is van een globale belastingstest.
Zoals je ziet, laadt de site overal vandaan ongelooflijk snel. En dat is de kracht van Rocket.net, een hosting provider die ik echt kan aanbevelen. Je kunt ook een uitgebreid Rocket.net overzicht hier.
De $1 lanceringsaanbieding voor je eerste maand bij Rocket.net is nog steeds beschikbaar. Meld je hier aan en laat je website vliegen!