Edge caching voor dynamische content

Welkom bij een fascinerend onderwerp: caching van dynamische inhoud aan de edge! Tot nu toe hebben we het vooral gehad over het cachen van statische bestanden, zoals afbeeldingen en CSS.

Maar hoe zit het met inhoud die verandert, zoals gepersonaliseerde aanbevelingen of gebruikersspecifieke gegevens? Daar komt caching van dynamische inhoud aan de edge van pas.

Laten we het verschil kort herhalen:

• Statische inhoud: blijft voor elke gebruiker en op elk moment hetzelfde. Denk aan afbeeldingen, video's, CSS- en JavaScript-bestanden. CDN's zijn hiervoor ideaal!
• Dynamische inhoud: verandert op basis van de gebruiker, tijd, locatie of andere factoren. Voorbeelden zijn gebruikersdashboards, gepersonaliseerde productoverzichten en realtime nieuwsfeeds.

Dynamische inhoud cachen is lastiger omdat deze nu eenmaal dynamisch is!

Traditionele CDN's zijn uitstekend in het wereldwijd cachen van statische inhoud. Maar wanneer inhoud moet worden gepersonaliseerd of zeer vaak wordt bijgewerkt, werkt een eenvoudige aanpak van 'cachen en aanbieden' niet.

Elke gebruiker heeft mogelijk een iets andere versie nodig, waardoor wereldwijd cachen zonder specifieke logica lastig wordt.

Hier komt edge computing echt tot zijn recht. Edge-locaties zijn niet alleen bedoeld om kopieën van bestanden op te slaan; ze kunnen ook aangepaste logica uitvoeren.

Door kleine stukjes code, vaak edgefuncties of serverloze functies aan de edge genoemd, dichter bij de gebruiker uit te voeren, kunnen we inhoud dynamisch genereren of aanpassen.

Stel je een e-commercesite voor. In plaats van elke keer een volledig gepersonaliseerde lijst met productaanbevelingen van de hoofdserver op te halen, kan een edgefunctie het volgende doen:

• De cookie of het authenticatietoken van de gebruiker controleren.
• Een zeer snelle, gelokaliseerde API-aanroep naar een aanbevelingsservice uitvoeren.
• De gepersonaliseerde inhoud invoegen in een grotendeels gecachte pagina.

Dit vermindert de belasting van je hoofdservers drastisch en versnelt de levering.

Een techniek om dynamische inhoud aan de edge te verwerken is Edge Side Includes (ESI). ESI is een opmaaktaal waarmee je secties binnen een HTML-pagina kunt definiëren die door de cachingproxy, zoals een CDN of edgeserver, moeten worden verwerkt en opgenomen.

Het is alsof je tijdelijke aanduidingen in je gecachte pagina hebt die de edgeserver invult.

Hier volgt een vereenvoudigde werkstroom:

1. Je originserver stuurt een HTML-pagina met ESI-tags naar de edgeserver.
2. De edgeserver cacht het hoofdgedeelte van de pagina.
3. Wanneer een gebruiker de pagina opvraagt, levert de edgeserver de gecachte HTML.
4. Vervolgens 'ziet' de server de ESI-tags en haalt hij de inhoud voor die specifieke dynamische onderdelen, bijvoorbeeld een gepersonaliseerde begroeting, op bij je origin of een andere service.
5. Tot slot voegt hij alles samen en stuurt hij de volledige, gepersonaliseerde pagina naar de gebruiker.

Een ESI-tag ziet er zo uit. De edgeserver vervangt <esi:include src="/personal-greeting"/> door de werkelijke inhoud die van die URL is opgehaald.

Door caching van dynamische inhoud aan de edge te benutten, kun je het volgende bereiken:

• Minder latentie: gepersonaliseerde inhoud wordt dichter bij de gebruiker gegenereerd of samengesteld.
• Minder belasting van de origin: je hoofdservers hoeven niet elk dynamisch verzoek te verwerken.
• Betere gebruikerservaring: sneller laden van gepersonaliseerde pagina's betekent tevredenere gebruikers.
• Betere schaalbaarheid: de edge-infrastructuur verwerkt een groot deel van de personalisatie.

Goed gedaan! In deze les hebben we onderzocht hoe edge-locaties verder kunnen gaan dan statische caching en ook dynamische en gepersonaliseerde inhoud kunnen verwerken.

We hebben geleerd welke uitdagingen dynamische inhoud met zich meebrengt, hoe edge computing en technieken zoals ESI daarbij helpen en welke belangrijke voordelen dit oplevert op het gebied van latentie, schaalbaarheid en gebruikerservaring.

Vervolgens gaan we dieper in op serverloze functies aan de edge!