Een CDN is een wereldwijd netwerk van servers dat content vanaf de dichtstbijzijnde locatie levert. Voordelen zijn: snellere laadtijden, minder origin-load, DDoS-mitigatie en wereldwijde dekking. Het cachet vooral statische assets zoals afbeeldingen, CSS, JS en video's.
Netlify
A
Providers
Netlify
Netlify is een platform voor JAM-stack (Javascript, APIs, Markup) sites en serverless backends. Het biedt Git-gebaseerde deployment, CDN, serverless functions, formulieren en A/B-testing. Sterke developer experience. Alternatieven: Vercel en Cloudflare Pages.
A
Providers
AWS
A
Providers
Amazon Web Services
AWS is een groot cloudplatform met 200+ services: EC2 (compute), S3 (storage), RDS (databases), Lambda (serverless) en CloudFront (CDN). Het is pay-as-you-go, wereldwijd beschikbaar en enterprise-proof. De leercurve is steil, maar de mogelijkheden zijn enorm.
A
Providers
SSG
AAA
Concepten
Static Site Generation
Bij SSG worden pagina's gebouwd op deploymenttijd in plaats van per request. Dit levert razendsnel serveerbare HTML op die gecached wordt op een CDN. Ideaal voor blogs, documentatiesites en marketingpagina's. Frameworks: Next.js, Nuxt en Astro.
AAA
Concepten
Image Optimization
A
Performance
Image Optimization
Beeldoptimalisatie comprimeert en optimaliseert afbeeldingen voor snellere laadtijden, zonder zichtbaar kwaliteitsverlies. Kies het juiste formaat (bijv. WebP/AVIF), pas (lossless/lossy) compressie toe, gebruik responsive images (srcset), lazy loading en een CDN.
A
Performance
Cloudflare
AA
Providers
Cloudflare
Cloudflare is een wereldwijd CDN- en securityplatform dat sites beschermt en versnelt. De gratis versie biedt CDN, DDoS-bescherming, SSL-certificaten en DNS. Extra's: Workers (edge computing), R2 (S3-compatibel) en Pages (statische hosting).
AA
Providers
CORS
A
Netwerk
Cross-Origin Resource Sharing
CORS laat een server aangeven welke externe domeinen toegang tot resources krijgen. Door de Same-Origin Policy blokkeert de browser standaard cross-origin requests. CORS-headers (zoals Access-Control-Allow-Origin) maken uitzonderingen mogelijk. Nodig voor publieke API's, CDN-assets en microservices. Complexe verzoeken doen een preflight (OPTIONS) request voor de daadwerkelijke request.
A
Netwerk
LCP
AA
Performance
Largest Contentful Paint
LCP meet de tijd tot het grootste zichtbare element (afbeelding, video of tekstblok) is geladen. Optimaliseer bijvoorbeeld afbeeldingen, serverresponstijd en render-blocking resources, en maak gebruik van een CDN. Dit is een kernindicator voor laadsnelheid.
AA
Performance
TTFB
AAA
Performance
Time To First Byte
TTFB is de tijd tussen een HTTP-request en de ontvangst van de eerste byte van de response. Het meet serverresponsiviteit en wordt beïnvloed door verwerkingstijd, databasequeries, netwerkvertraging en CDN-gebruik. Optimaliseer met caching, snellere queries en een CDN.
AAA
Performance
DDoS
A
Beveiliging
Distributed Denial of Service
Een DDoS-aanval overspoelt een server, dienst of netwerk met verkeer vanuit veel servers die zijn overgenomen door aanvallers en worden misbruikt (botnet) om het onbeschikbaar te maken. Typen: volumetrisch, protocol en applicatielaa. Mitigatie: CDN, rate limiting, filtering en DDoS-bescherming.
A
Beveiliging
Caching
A
Concepten
Caching
Caching is het tijdelijk opslaan van data voor snellere toegang. Niveaus zijn de browsercache, CDN, server-side (applicatie, databasequeries) en opcode-cache (gecompileerde scripts). Belangrijke headers zijn Cache-Control en ETag. Het vermindert wachttijd, serverload en bandbreedte.
A
Concepten
CNAME-record
AAA
Netwerk
Canonical Name Record
Een CNAME-record maakt een alias van één domeinnaam naar een andere (de canonieke naam). Voorbeeld: www.example.com - example.com. Je kunt voor één naam alleen een CNAME-record hebben, niet samen met andere records. Gebruik het voor subdomeinen of CDN-configuraties, niet voor het rootdomein.
AAA
Netwerk
Een uitgebreide collectie begrippen voor elk niveau
Van HTML & CSS tot databases en security
Geschikt voor beginners en gevorderden
Ideaal als lesmateriaal of teambuilding tool
Fysiek aan de slag, zonder scherm