Wanneer je website bezoekers van over de hele wereld bedient, kunnen trage laadtijden en een hoge latency de gebruikerservaring behoorlijk vertragen. Of je nu een persoonlijke blog hebt, een e-commercewinkel of een applicatie host, snelheid en reactiesnelheid kunnen de gebruikerservaring maken of breken.
En ontevreden gebruikers blijven niet lang hangen. Dus wat kun je doen om hun ervaring te verbeteren?
Gelukkig zijn er krachtige tools beschikbaar om de prestaties van websites aanzienlijk te verbeteren, en een van de meest effectieve is Edge Caching.
Als je ooit gefrustreerd bent geweest door trage laadtijden of een trage respons op je WordPress site, dan is deze gids iets voor jou. Laten we de wereld van Edge Caching verkennen en leren hoe je WordPress kunt boosten.
Wat is Edge Caching?
Wat is precies “de edge” en hoe beïnvloedt het de prestaties van een website?
Bij edge computing gaat het om het verkleinen van de fysieke afstand tussen een client (de bezoekers van je website) en de origin server (waar je website wordt gehost).
Veel CDN’s maken gebruik van edge servers om dit te bereiken. Over het algemeen werken CDN’s door gecentraliseerde datacenters over de hele wereld te verspreiden. Veel van deze datacenters zijn echter nog steeds geografisch ver verwijderd van de meeste gebruikers.
“De edge” is de buitenste omtrek van een CDN of de netwerkinfrastructuur die het dichtst bij de eindgebruikers ligt, waar edge-servers worden geplaatst – meestal in fysieke internetuitwisselingspunten waar ISP’s en CDN’s verbinding maken – om deze afstand te overbruggen.
Edge Caching is een krachtige techniek die deze enorme brug van netwerken gebruikt om kopieën van website-inhoud dichter bij de gebruikers op te slaan, waardoor de tijd die nodig is om gegevens van de origin server op te halen wordt verkort.
Hoe Edge Caching werkt
Wanneer een gebruiker inhoud van een website opvraagt, zoals afbeeldingen, video’s of webpagina’s, wordt het verzoek meestal doorgestuurd naar de dichtstbijzijnde Edge Server in plaats van rechtstreeks naar de origin server.
Edge Caching werkt door statische en dynamische content op deze edge servers op te slaan. Statische content, zoals afbeeldingen, CSS bestanden en JavaScript, blijft voor alle gebruikers onveranderd en kan voor langere tijd in de cache worden opgeslagen. Dynamische content kan vaak veranderen en vereist meer zorgvuldige cachingstrategieën.
Door content te cachen op de edge server, kunnen volgende verzoeken voor dezelfde content direct vanaf de edge server worden geleverd, waardoor het niet meer nodig is om het op te halen van de origin server.
Dit vermindert niet alleen de belasting op je server, maar minimaliseert ook de afstand die gegevens moeten afleggen, waardoor de laadtijd afneemt, de latency afneemt en de algehele prestaties verbeteren.
Edge Caching is vooral gunstig voor websites met een wereldwijd publiek. Door gebruik te maken van de wijd verspreide edge servers van een CDN, hebben je gebruikers wereldwijd snel en betrouwbaar toegang tot de content.
Welke websites hebben baat bij Edge Caching?
Edge Caching is nuttig voor verschillende websites, van eenvoudige statische sites tot volledig interactieve applicaties. Laten we eens in detail kijken naar de soorten websites die kunnen profiteren van de aanzienlijk verbeterde prestaties die Edge Caching biedt.
Statische sites
Statische sites, die bestaan uit vaste inhoud die zelden verandert, zijn ideale kandidaten voor Edge Caching.
Deze websites zijn meestal blogs, portfolio’s, landingspagina’s en informatieve websites die geen gebruik maken van dynamische content. HTML, CSS, assets zoals afbeeldingen en client-side scripts zoals JavaScript zijn alles wat aanwezig is.
Hoewel Edge Caching werkt voor sommige soorten dynamische inhoud, vereist het iets meer instellingen. De pre-rendered aard van statische websites combineert heel goed met Edge Caching, omdat de cachebestanden weken of maanden up-to-date blijven.
Edge Caching elimineert de noodzaak om herhaaldelijk ongewijzigde inhoud op te halen van de origin server, wat resulteert in onmiddellijke toegang tot bronnen uit de cache en een soepelere browse-ervaring.
Bovendien gebruiken statische sites heel weinig serverbelasting of bandbreedte, dus het cachen en leveren ervan is veel sneller en kosteneffectiever dan websites die veel server-side scripts gebruiken of vaak databaseaanroepen doen.
Interactieve toepassingen
Voor websites die sterk afhankelijk zijn van interactieve toepassingen of dynamische inhoud leveren, zoals e-commerce platforms of sociale medianetwerken, speelt Edge Caching een belangrijke rol bij het optimaliseren van de prestaties.
Traditionele cachingmethoden zijn vaak minder effectief als het gaat om dynamische en gepersonaliseerde content. Lange tijd kon alleen statische inhoud zoals afbeeldingen en HTML worden gecachet.
Edge Caching heeft de zaken opgeschud, omdat de scripts zelf kunnen worden ingezet vanaf de CDN edge servers.
Een voorbeeld hiervan zijn Cloudflare Workers, dit zijn Javascript functies die draaien op Cloudflare’s CDN. Hierdoor kan dynamische code die reageert op gebruikersinvoer worden uitgevoerd op edge servers en direct gebruikers over de hele wereld bereiken.
Hierdoor kun je bezoekers een naadloze ervaring bieden zonder in te leveren op interactiviteit.
Veeleisende websites met veel resources
Websites die veel verkeer verwerken of resource-intensieve toepassingen, zoals streaming platforms of online gaming portals, kunnen aanzienlijk profiteren van Edge Caching.
Deze websites serveren vaak grote bestanden, zoals video’s, audiostreams of afbeeldingen met hoge resolutie, die de origin servers en netwerkbandbreedte kunnen belasten en kunnen leiden tot bufferen en latency.
Edge Caching verlicht de belasting van je servers door deze grote bestanden op te slaan en te leveren vanaf de edge servers die het dichtst bij je bezoekers staan. Bovendien kun je door de gedistribueerde aard van edge servers grote verkeerspieken verwerken en schalen als je gebruikersbestand groeit.
Websites voor e-commerce
Bij e-commerce winkels kan elke seconde het verschil maken tussen het behouden of verliezen van een potentiële klant, dus je wilt er geen verspillen.
Edge Caching werkt hier goed door het cachen van dynamische content, zoals productvermeldingen, prijsinformatie en gebruikerssessies, die snel en betrouwbaar moeten worden afgeleverd. Ook veelgebruikte productpagina’s, afbeeldingen en andere bronnen worden gecachet op de edge servers.
Helaas zijn e-commerce websites vaak het doelwit van DDoS aanvallen, die verwoestend kunnen zijn. Dankzij de edge servers en CDN’s als geheel verdeelt de load-balancing technologie de golf van kwaadaardig verkeer over honderden servers, zodat je legitieme klanten kunnen blijven winkelen.
Als extra bonus wordt die incidentele piek in het vakantieverkeer moeiteloos verwerkt.
Of je nu een kleine boetiek of een enorme marktplaats hebt, Edge Caching zorgt voor een naadloze en veilige winkelervaring – niet een trage en frustrerende.
Sites met mediastreaming
Live streaming, video streaming, muziek streaming – het vraagt allemaal veel van je servers.
En niets is frustrerender voor je bezoekers dan dat hun favoriete nummer of een video pauzeert om te bufferen. Een bepaalde mate van latency is misschien acceptabel voor een gewone website, maar niet als het gaat om mediastreaming.
Edge Caching is essentieel voor een soepele, ononderbroken weergave. Video- en audiobestanden veranderen niet vaak, dus deze kunnen worden gecachet op edge servers die veel dichter bij de bezoekers staan. Dit is vooral belangrijk voor het serveren van high-definition video omdat dit zo belastend is en netwerkcongestie zo’n groot probleem is.
Zelfs live content kan profiteren van Edge Caching. Hoewel het moeilijk kan zijn om realtime content te cachen, kunnen gebruikers wereldwijd verbinding maken met de edge server die het dichtst bij hen in de buurt is en voorkomen dat je origin server overbelast raakt, zelfs als het kijkerspubliek in de duizenden loopt.
Met Edge Caching kunnen media-streamingsites een eersteklas kijkervaring bieden waardoor het publiek betrokken blijft en terugkomt voor meer.
Spelletjesplatforms
Net als mediastreaming is gaming een ervaring waarbij latency niet acceptabel is – je spelers zullen niet lang blijven hangen bij een vertraagde en niet-reagerende game.
Dit geldt vooral voor multiplayergames, waar zelfs kleine haperingen iemands plezier ernstig kunnen bederven.
Hoewel het tot op zekere hoogte de verantwoordelijkheid van de developers is om hun spel te optimaliseren en geen onnodige netwerkaanroepen te doen, is het net zo belangrijk om een CDN te gebruiken met voldoende servers aan de edge rand om het spel soepel te laten draaien.
Edge servers kunnen worden gebruikt om assets zoals grafische en audiobestanden in de cache op te slaan en ze naar spelers te streamen als ze die bereiken. Ze kunnen ook aankomende updatebestanden cachen of in sommige gevallen zelfs het hele spelbestand zelf.
Bovendien zijn gameservers ook een groot doelwit voor DDoS aanvallen, en edge servers helpen om kwaadaardig verkeer dat jouw kant op kan komen te lozen – of snel te schalen als je een plotselinge toestroom van nieuwe spelers krijgt.
Online leerplatforms
Leerbeheersystemen en andere educatieve websites bevatten veel verschillende soorten content die in de cache geplaatst kunnen worden.
Afbeeldingen, video’s, audio, interactieve spellen en demonstraties, live streams, quizzen en ander interactief materiaal kunnen allemaal in de cache worden opgeslagen om efficiënter aan leerlingen te leveren.
De distributie over wereldwijde edge servers is ook erg handig als je te maken hebt met een groot aantal inschrijvingen van studenten. Een traag, slecht presterend LMS zorgt voor een slechte leerervaring voor je leerlingen.
Blogs, nieuws en informatieve websites
Blogs en informatieve websites werken bijzonder goed met Edge Caching omdat ze zoveel gebruik maken van statische content. Hoewel je misschien af en toe artikelen en andere bronnen bijwerkt, is het niet vaak genoeg dat de cache lang goed blijft.
Door veelgebruikte artikelen, afbeeldingen en multimedia-inhoud te cachen op edge servers die dichter bij de gebruikers staan, kunnen blogs laadtijden verkorten en de algehele reactiesnelheid verbeteren. Hierdoor kunnen lezers zonder onderbreking of vertraging door je artikelencatalogus bladeren.
Het populaire wereldwijde kijkerspubliek van blogs maakt Edge Caching ook een essentieel onderdeel van het handhaven van die wereldwijde toegankelijkheid, zelfs tijdens verkeerspieken. Je weet nooit wanneer een artikel viraal gaat.
Wanneer Edge Caching niet gebruiken
Hoewel Edge Caching veel voordelen biedt voor het optimaliseren van de prestaties van websites, zijn er een aantal scenario’s waarbij het niet zo goed werkt.
Zeer dynamische of real-time content
Hoewel Edge Caching uitblinkt in het optimaliseren van de levering van statische en zelfs sommige dynamische inhoud, zijn er beperkingen als het gaat om het cachen van zeer dynamische inhoud – vooral inhoud die in realtime verandert.
Inhoud die vaak wordt bijgewerkt of voor elke gebruiker wordt gepersonaliseerd, is mogelijk niet geschikt voor Edge Caching.
Moderne CDN’s zoals Cloudflare hebben features geïntroduceerd die bepaalde soorten dynamische content effectiever kunnen verwerken, zoals het uitvoeren van code van de edge servers zelf. Maar niet alles is te cachen – tenminste niet zonder veel vaardigheid, geavanceerde kennis en ingewikkelde CDN setup.
In gevallen waarin caching niet haalbaar of praktisch is, kun je in plaats daarvan gebruikmaken van browsercaching, je bronnen optimaliseren voor een kleinere bestandsgrootte en efficiëntere code implementeren om de reactietijden van de server laag te houden.
Gepersonaliseerde inhoud
Edge Caching is niet geschikt voor het leveren van custom content voor individuele gebruikers. Een van de belangrijkste voordelen van caching is dat het veelgebruikte content levert vanaf edge servers, zodat mensen over de hele wereld het snel kunnen downloaden. Als maar één persoon het ooit te zien krijgt, heeft het weinig zin om het te cachen.
Gepersonaliseerde aanbevelingen op e-commerce websites, aangepaste nieuwsfeeds of gebruikersspecifieke dashboards kunnen over het algemeen niet worden gecachet omdat ze afhankelijk zijn van real-time gegevens of interacties.
In plaats van te vertrouwen op Edge Caching, kun je strategieën voor dynamische levering van content implementeren, zoals scripting aan de klantzijde, browser caching, content prefetching en gegevenscompressie om de levering van gepersonaliseerde content te optimaliseren.
Complexe cachingregels vermijden
Het implementeren van Edge Caching kan extra complexiteit met zich meebrengen, vooral als je website al complexe cachingregels heeft.
Edge Caching kan bijvoorbeeld moeilijk in te stellen zijn of tot onverwachte resultaten leiden als het gebruikt wordt naast bestaande regels zoals aangepaste cache-control headers, cache invalidatie of cache bypass regels.
Dat wil niet zeggen dat het onmogelijk is. Het vereist alleen een ervaren ontwikkelaar om het goed in te stellen. Verkeerde caching configuraties tussen de origin server en de edge servers kunnen leiden tot cache conflicten of het weergeven van verouderde content.
Afhankelijk van de complexiteit van je bestaande cachingarchitectuur, kan het opnemen van Edge Caching een omvangrijke taak zijn.
Zeer grote bestanden
Edge Caching is geoptimaliseerd voor het leveren van kleine tot middelgrote, vaak statische bestanden. Afhankelijk van de capaciteit van de servers kun je moeite hebben met het cachen van zeer grote bestanden, zoals high-definition video, softwaredownloads of grote datasets.
Dit hangt sterk af van het CDN dat je gebruikt. Als de edge servers moeite hebben om grote mediabestanden af te leveren, kan het zijn dat belangrijkere websitebestanden uit de cache worden verwijderd of dat de prestaties slecht zijn door de hoge bandbreedte en het gebruik van bronnen voor het afleveren van enorme bestanden aan honderden gebruikers.
Als het bestand vaak wordt bijgewerkt, krijg je ook te maken met problemen met het ongeldig maken van de cache, omdat verouderde versies moeten worden verwijderd en bijgewerkt op alle edge servers. Dit kan een langzaam proces zijn en ertoe leiden dat gebruikers verouderde inhoud tegenkomen.
In plaats daarvan wil je misschien de Edge Caching omzeilen zodat gebruikers downloaden vanaf de origin server, een deel van de inhoud van het bestand in de cache plaatsen of – voor videostreaming of vergelijkbare sites waar een CDN nodig is – een gespecialiseerde CDN setup maken die geoptimaliseerd is voor de levering van grote bestanden.
Beveiligings- en privacyproblemen
Hoewel Edge Caching de prestaties van websites kan verbeteren, brengt het potentiële beveiligings- en privacyproblemen met zich mee, vooral wanneer geauthenticeerde, gepersonaliseerde of privé-inhoud wordt gecachet.
Het cachen van gevoelige informatie in de edge verhoogt het risico op ongeautoriseerde toegang en datalekken. Hoe meer kopieën er zijn, hoe groter de kans dat ze ontdekt worden.
Het cachen van content kan ook problemen opleveren met wetten zoals de GDPR, die vereist dat je alle opgeslagen kopieën van gebruikersinformatie op verzoek verwijdert.
Edge servers vergroten het “aanvalsoppervlak” van je website en de gegevens daarop en kunnen mogelijk leiden tot beveiligingsproblemen zoals cache poisoning.
Dit kan allemaal worden beperkt door alle privé-inhoud die door de cache gaat te versleutelen, regels voor het ongeldig maken van de cache toe te voegen om verouderde en ongebruikte gegevens te verwijderen, of gevoelige gegevens helemaal niet te cachen.
Andere overwegingen
Tot slot, specifiek voor Kinsta-gebruikers, combineert Edge Caching niet altijd goed met een paar specifieke instellingen.
- Edge Caching werkt niet goed met geolocatie, behalve voor het hele land. Geolocatie gebaseerd op staten en steden zal niet goed cachen, en gebieden in de buurt van landsgrenzen kunnen ongebruikelijk werken.
- Aangepaste uitsluitingen die zijn toegevoegd via Advanced Site Cache werken niet.
- Het detecteren van user agents om verschillende sites weer te geven voor mobiel of desktop werkt niet met Edge Caching. Je kunt de functie Mobile Caching van Kinsta als alternatief gebruiken.
- Kinsta’s wachtwoordbeveiliging is niet compatibel met Edge Caching.
- Kinsta’s Edge Cache en Cloudflare’s Automatic Platform Optimizations (APO) zijn niet compatibel.
- Edge Caching is niet compatibel met IP- en geolocatieblokkering.
Ongeacht je website-infrastructuur kan Edge Caching conflicteren met bepaalde instellingen. Nadat je een CDN hebt ingesteld of Edge Caching hebt ingeschakeld, is het een goed idee om je website en alle applicaties erop te testen om er zeker van te zijn dat alles naar behoren werkt.
Hoe Edge Caching werkt in WordPress
Er zijn unieke overwegingen en uitdagingen bij het implementeren van Edge Caching in de WordPress omgeving.
- WordPress websites leveren meestal statische assets en dynamische content zoals kleine server-side scripts en databasecalls – perfecte kandidaten voor Edge Caching.
- De dynamische, voortdurend bijgewerkte aard van WordPress betekent echter dat inhoud soms verouderd kan worden. Goede zuiveringsmechanismen zoals Cloudflare APO en cache ongeldig maken zijn nodig om verouderde inhoud te voorkomen. Je kunt de edge cache ook handmatig wissen met Kinsta als je een probleem opmerkt.
- WordPress plugins en thema’s kunnen voor extra complexiteit zorgen. Sommige plugins die dynamische inhoud genereren, gepersonaliseerde of geauthenticeerde inhoud toevoegen of vertrouwen op server-side verwerking kunnen incompatibel zijn met Edge Caching.
Over het algemeen werken WordPress en Edge Caching goed samen om de prestaties te verbeteren, maar houd deze overwegingen in gedachten en zorg ervoor dat je plugins of thema’s die dynamische inhoud toevoegen uitgebreid test.
Edge Caching met Kinsta
Kinsta-gebruikers profiteren van een ongewone functie: De mogelijkheid om gratis Edge Caching in te schakelen. Enkele van de functies:
- Kinsta integreert met Cloudflare en haar 260+ datacenters om Edge Caching gratis te brengen voor elk pakket. Je hebt ook geen plugin nodig om het in te schakelen; één klik in het MyKinsta Dashboard is voldoende.
- Mobile Caching wordt ondersteund als je aparte pagina’s maakt voor mobiele gebruikers.
- Je kunt de cache on-demand leegmaken als je verouderde onderdelen ziet die moeten worden verwijderd – hoewel dit meestal niet nodig is omdat Kinsta automatisch de edge cache leegmaakt wanneer je een pagina bijwerkt.
- Edge Caching wordt automatisch uitgesloten voor privé/persoonlijke pagina’s zoals de WooCommerce winkelwagen, privé BuddyPress profielgebieden of overal waar een gebruiker ingelogd moet zijn. Afhankelijk van je instelling moet je misschien nog meer pagina’s uitsluiten en de ondersteuning van Kinsta kan je helpen dat in te stellen.
Als laatste opmerking, Kinsta’s Edge Cache levert geen statische assets zoals afbeeldingen of CSS bestanden. Dit wordt afgehandeld door Kinsta CDN.
Over het algemeen is Edge Caching eenvoudig met Kinsta te gebruiken. Het is gratis voor iedereen en het inschakelen is niet meer dan het klikken op een knop. Er zijn geen vervelende instellingen of vereiste plugins.
Edge Caching inschakelen
Nu je weet waarom Edge Caching zo belangrijk is, laten we je twee methoden zien om het op je site te laten werken.
Edge Caching inschakelen in MyKinsta
Edge Caching inschakelen in MyKinsta is zo simpel als klikken op een knop.
- Stap 1: Log in op het MyKinsta dashboard en klik op de site die je wilt bewerken in de WordPress sites sectie.
- Stap 2: Zoek Edge Caching in de instellingenlijst aan de linkerkant.
- Stap 3: Het kan zijn dat Edge Caching al is ingeschakeld omdat Kinsta bezig is met het uitrollen van automatische Edge Caching voor alle sites. Zo niet, klik dan op de zwarte knop Inschakelen rechtsboven.
- Stap 4: Als je aangepaste cache regels hebt toegevoegd, krijg je nog een vraag om te bevestigen dat ze werken met Edge Caching. Klik op Edge Cache inschakelen als je klaar bent.
- Stap 5: Als je mobiele gebruikers naar een aparte pagina stuurt, klik je op Inschakelen in het vak Mobile Cache om dat in te schakelen.
En dat is alles! Edge Caching werkt nu op je site.
Je kunt de edge cache ook handmatig wissen: Klik op de knop Cache wissen onderaan de pagina of voer een URL in die je wilt wissen en klik op URL cache wissen.
Edge Caching inschakelen in Cloudflare
Kinsta’s Edge Caching maakt al gebruik van Cloudflare technologie, dus je hoeft het niet in te schakelen als je een Kinsta account hebt.
Cloudflare zelf biedt standaard ook Edge Caching, die je selectief kunt uitschakelen met behulp van een omleidingsregel. Maar er zijn een paar instellingen die je kunt aanpassen, zoals de TTL van de edge cache (hoe lang de edge server zijn bestanden bewaart).
Merk op dat als je al een Cache Control Header hebt ingesteld, dit misschien niet nodig is. Het is ook het beste om een deveoper te raadplegen voordat je cache instellingen verandert, tenzij je weet wat je doet, omdat ze erg gevoelig kunnen zijn.
- Stap 1: Log in op je Cloudflare account en ga naar het dashboard.
- Stap 2: Klik op Rules > Page Rules en vervolgens op Create Page Rule.
- Stap 3: Voer in het veld URL (required) de pagina’s in die je wilt laten edge cachen. Gebruik het jokerteken (*) om deze instelling op meer dan één pagina toe te passen. Bijvoorbeeld, “example.com/*” zou van toepassing zijn op alle pagina’s op je site. Wees voorzichtig, want niet alle pagina’s zijn geschikt voor caching.
- Stap 4: Selecteer in de vervolgkeuzelijst Pick a Setting (required) de optie Edge Cache TTL en selecteer hoe lang je cache moet duren voordat deze verloopt.
- Stap 5: Als je dynamische assets ook wilt cachen, klik dan op Add a Setting, voeg de instelling Cache Level toe en stel deze in op Cache Everything.
Opmerking: Cache Everything moet je niet gebruiken op pagina’s waarvoor je moet inloggen. Je kunt een nieuwe regel maken en deze op Bypass zetten voor gevoelige pagina’s. Zorg ervoor dat de regel Bypass boven de regel Cache Everything staat.
Als alternatief kun je ook een cache regel gebruiken.
- Stap 1: Ga naar het Cloudflare dashboard.
- Stap 2: Navigeer naar Caching > Cache Rules en klik op de blauwe knop Add Rule.
- Stap 3: Geef je regel een naam en kijk dan bij When incoming requests match… Klik onder de Field dropdown op URI Path, laat de Operator op equals staan en typ “/” in het vak Value. Dit zorgt ervoor dat de regel voor alle pagina’s geldt, maar ook dit is misschien niet geschikt. Pas dit aan op basis van je infrastructuur.
- Stap 4: Stel de Edge TTL in op een waarde die geschikt is voor je website. Als je het handmatig wilt instellen, klik dan op Ignore cache-control header and use this TTL.
- Stap 5: Klik op Deploy als je klaar bent.
Samenvatting
Edge Caching is een krachtig hulpmiddel voor het leveren van snellere laadtijden, het creëren van een betere gebruikerservaring en uiteindelijk het optimaliseren van de prestaties van WordPress. Zowel statische als dynamische assets worden gecachet op edge servers, waardoor ze worden geleverd aan gebruikers wereldwijd.
Edge Caching is eenvoudig in te schakelen, te beheren en te integreren met Kinsta CDN. Als je wilt zien hoeveel sneller pagina’s kunnen zijn met Edge Caching bij Kinsta, dan hebben we genoeg data om het je te laten zien. Probeer Edge Caching vandaag nog bij Kinsta!
Laat een reactie achter