Een langzamere WordPress website kan je bezoekers kosten. In dit stappenplan laat ik hoe je Cloudflare installeert om je website sneller, veiliger en betrouwbaarder te maken – zonder extra caching-plugins.
📋 Wat Je Gaat Bereiken:
Resultaat Verwachting
Desktop Snelheid 97/100
Mobiel Snelheid 96/100
Security Bot-bescherming + brute force preventie
Onderhoud Geen caching-plugins nodig
⚙️ Vereisten:
Benodigd Waarom
Hosting account (FlexWebHosting, etc.) Voor File Manager toegang
WordPress dashboard toegang Voor plugin-instellingen
Cloudflare account (gratis) Voor DNS en caching
📝 Stap-voor-stap Installatie:
Stap 1: Cloudflare Account Aanmaken
- Ga naar www.cloudflare.com
- Klik “Sign Up” (gratis plan is voldoende)
- Registreer met je e-mailadres
- Bevestig je account via de e-mail
Stap 2: Domein Toevoegen aan Cloudflare
- Log in op Cloudflare Dashboard
- Klik “Add a Site”
- Vul jouw domein in: jouwwebsite.nl
- Selecteer “Free Plan” (gratis)
- Klik “Continue”
Cloudflare scant nu je bestaande DNS-records.
Stap 3: DNS Migreren naar Cloudflare
- Noteer de nameservers die Cloudflare geeft (bijv.):
ns1.cloudflare.com
ns2.cloudflare.com - Ga naar je hosting provider (FlexWebHosting)
- Open DNS Management / Nameserver instellingen
- Vervang huidige nameservers door Cloudflare’s
- Sla op
⏳ Propagation duurt 5-60 minuten. Je site blijft online tijdens deze periode!
Stap 4: SSL Certificaat Activeren
- Cloudflare → SSL/TLS → Overview
- Selecteer “Full” of “Flexible” encryptie
- Voor WordPress: kies “Flexible” als je hosting geen SSL heeft
- Sla op
Stap 5: Security Instellingen Configureren
- Cloudflare → Security → WAF
- Activere “Bot Fight Mode”
- Activere “Leaked Credentials Mitigation”
- Sla op
Deze beschermen tegen kwaadaardige bots en brute force aanvallen.
Stap 6: Page Rules Instellen (Belangrijk!)
Dit zorgt dat admin-pagina’s nooit worden gecached.
- Cloudflare → Rules → Page Rules
- Create Page Rule #1:
URL: jouwwebsite.nl/wp-admin
Cache Level: Bypass
Order: First
Save - Create Page Rule #2:
URL: jouwwebsite.nl/wp-login.php
Cache Level: Bypass
Order: First
Save - Create Page Rule #3:
URL: www.jouwwebsite.nl/wp-admin
Cache Level: Bypass
Order: First
Save - Create Page Rule #4:
URL: www.jouwwebsite.nl/wp-login.php
Cache Level: Bypass
Order: First
Save
💡 Gratis plan heeft max 3 Page Rules. Gebruik wildcards als alternatief:
Regel 1: /wp-admin/ → Bypass
Regel 2: /wp-login.php → Bypass Regel 3: jouwwebsite.nl/ → Cache Everything (optioneel)
Stap 7: Caching Optimale Instellingen
- Cloudflare → Caching → Configuration
- Set “Cache Level” op Standard
- Set “Respectful Browser Cache” op ON
- Sla op
Je WordPress cache plugins zijn niet nodig met deze setup!
Stap 8: Cache Purgen Na Wijzigingen
Elke keer als je CSS, plugins of pagina’s wijzigt:
- Cloudflare → Caching → Configuration
- Klik “Purge Everything” (rode knop)
- Bevestig
Dit zorgt dat bezoekers direct de nieuwe versie zien.
🎨 Bonus: Custom Login Page Styling
Wil je je login-pagina professioneel maken? Voeg deze CSS toe via Avada Branding → Login Page → Custom CSS:
/* Login container styling */
body.login .login-form,
.login .login-form {
background-color: #000000 !important;
border: none !important;
border-radius: 15px !important;
box-shadow: none !important;
}
/* Invoervelden donker */
.login .input,
.login input[type="text"],
.login input[type="password"] {
background-color: #3c3c47 !important;
color: #ffffff !important;
border-radius: 5px !important;
}
/* Login knop */
.login .submit input[type="submit"] {
background-color: #3c3c47 !important;
color: #ffffff !important;
border-radius: 5px !important;
padding: 10px 25px !important;
}📊 Resultaat Verwachting:
Metric Score
Desktop Pagespeed 97/100
Mobiel Pagespeed 96/100
Laadtijd Desktop <0,5s
Laadtijd Mobiel <2,5s
✅ Checklist Na Installatie:
✅ DNS migratie voltooid
✅ Bot Fight Mode actief
✅ Page Rules ingesteld (wp-admin bypass)
✅ SSL actief
✅ Cache purge na wijzigingen
✅ Login page getest (beide accounts)
✅ Snelheid getest via Pagespeed Insights
🚀 Tips Voor Toekomst:
Situatie Actie
Website traag? Cloudflare → “Purge Everything”
Nieuwe plugin? Cache purgen na installatie
CSS aangepast? Hard refresh (Ctrl+F5) in browser
Twijfel over instelling? Begin met Free plan, upgrade later
⚠️ Belangrijke Opmerkingen:
Geen caching-plugins nodig: Cloudflare Page Rules doen hetzelfde werk
Security: Bot Fight Mode + Leaked Credentials = dubbele bescherming
Onderhoud: Minimaal! Alleen cache purgen bij wijzigingen
Kosten: Gratis plan is voldoende voor de meeste websites
Met deze setup is je WordPress website snel, veilig en onderhoudsvriendelijk! 🎉
Geschreven door Snorskie – Web Developer & Cloudflare Expert
Datum: August 2025
Deel dit artikel als het nuttig was!