Als onderdeel van hun jaarlijkse “Birthday Week” viering heeft Cloudflare onlangs de release aangekondigd van hun “Automatic Platform Optimization” (APO) voor WordPress sites.

Voor iedereen die zich bezighoudt met performance betekent de APO van Cloudflare een enorme stap vooruit wat betreft het maximaliseren van WordPress prestaties.

Uit onze eigen benchmarks bleek dat het inschakelen van APO op onze testsite de laadtijd van pagina’s verminderde met 70-300%, afhankelijk van de testlocatie.

In dit artikel gaan we uitgebreid bespreken hoe deze Cloudflare APO precies werkt en hoe je het kan inzetten om de prestaties van jouw WordPress site te verbeteren!

Wat is Automatic Platform Optimization (APO)?

Automatic Platform Optimization is een nieuwe Cloudflare suite waarmee je met een klik, op platform afgestemde, optimalisatiediensten kan inschakelen.

Het eerste platform dat de “APO behandeling” heeft gekregen, is WordPress, ‘werelds populairste CMS met een marktaandeel van meer dan 60%. In de toekomst verwachten we vergelijkbare APO diensten voor andere CMS en platforms.

Wat het technische plaatje betreft verbetert de WordPress APO van Cloudflare de prestaties van sites op twee belangrijke manieren.

  1. Statische HTML kopieën van de pagina’s van je WordPress site worden in de cache opgeslagen van Cloudflare Edge servers van over de hele wereld.
  2. Externe lettertypen worden in de cache opgeslagen en geleverd door Cloudflare.

Laten we eens onder de motorkap kijken en het technische plaatje erbij halen om te zien hoe en waarom APO werkt.

Statische HTML vanuit Edge

De belangrijkste onderscheidende factor tussen Cloudflare’s APO en andere (traditionele) paginacaching/CDN oplossingen is de mogelijkheid om statische HTML rechtstreeks vanuit Cloudflare Edge te cachen. Laten we vier verschillende WordPress opstellingen erbij halen om een duidelijker beeld te scheppen, van “geen optimalisatie” tot APO.

WordPress opstelling #1 – geen paginacaching of CDN

Standaard beschikt WordPress niet over paginacaching of CDN ondersteuning. Met deze opstelling moeten alle verzoeken dynamisch worden gegenereerd door PHP, zelfs als er geen inhoud is gewijzigd tussen de verschillende paginaverzoeken.

Bovendien betekent de afwezigheid van integratie met een Content Delivery Network (CDN) dat alle statische items als CSS, JS, afbeeldingen en lettertypes moeten worden geleverd door de origin server (de server waaraan het oorspronkelijk verzoek wordt geleverd en die deze in een “kale” opstelling ook zou verwerken).

Deze opstelling kan zorgen voor een erg trage WordPress site, vooral voor bezoekers die zich niet dichtbij de origin server bevinden.

WordPress opstelling #2 – paginacaching zonder CDN

Het implementeren van paginacaching is een van de beste tactieken om de prestaties van WordPress te verbeteren. Bij Kinsta bevat onze hostingstack zeer fijn afgestelde paginacaching, mogelijk gemaakt door de FastCGI cachemodule van Nginx.

Paginacaching vermindert de belasting op de CPU van de origin server drastisch, omdat verzoeken k vanuit de cache unnen worden geleverd zonder dat hiervoor het genereren van dynamische HTML nodig is.

Global traffic routing with no CDN.

Dit zorgt voor ontlasting van je CPU zodat deze zich kan richten op andere belangrijke dynamische taken. Bovendien maakt dit je WordPress site stabieler. Hoewel deze opstelling ervoor zorgt dat je site meer verzoeken per seconde kan verwerken, lost dit het “afstandsprobleem” niet op.

Zonder een goed CDN hebben bezoekers die zich niet dichtbij de server bevinden nog steeds problemen bij de levering van statische items.

WordPress opstelling #3 – paginacaching met CDN

Tot nu toe was paginacaching in combinatie met een CDN voor het leveren van statische items de meest optimale manier om prestaties van WordPress hosting te maximaliseren.

In dit model is de origin server verantwoordelijk voor het leveren van de daadwerkelijke HTML van een pagina. Statische items als CSS bestanden, afbeeldingen en lettertypes worden echter overgebracht naar de verschillende Points of Presence (POP’s) van de CDN, die verspreid staan over de hele wereld. Het idee achter dit model is dat statische items, met name grote afbeeldingen, het grootste deel van de paginagrootte van een verzoek uitmaken. Door de items te offloaden naar een server die dichterbij de bezoeker staat, is het mogelijk om de laadtijd te verkorten en de performance te verbeteren.

Routing van wereldwijd verkeer met een CDN.
Routing van wereldwijd verkeer met een CDN.

Hoewel deze configuratie een aanzienlijke verbetering biedt ten opzichte van de vorige twee, vraag je je wel af wat er zou gebeuren als de WordPress performance niet langer wordt belemmerd doordat HTML vanaf de origin server moet worden geleverd.

Verrassend genoeg was een dergelijke opstelling tot voor kort niet haalbaar – althans niet voor niet-technische gebruikers – tot de introductie van Cloudflare’s APO voor WordPress.

WordPress opstelling #4 – Cloudflare APO voor WordPress

Cloudflare APO is het nieuwste van het nieuwste in de wereld van WordPress performance. In tegenstelling tot de vorige WordPress opstellingen, die werden gehinderd door de prestaties van de origin server, worden sites met APO ingeschakeld in wezen “originless” – vanuit het perspectief van bezoekers.

Routing van wereldwijd verkeer met Cloudflare APO.
Routing van wereldwijd verkeer met Cloudflare APO.

Om dit te bereiken, gebruikt Cloudflare zijn wereldwijd gedistribueerde CDN samen met Workers/ Workers KV om een statische HTML weergave van je WordPress site te maken. Laten in dit artikel zullen we dieper ingaan op hoe Cloudflare APO precies werkt.

Voorlopig volstaat het om te weten dat een compatibele WordPress site met APO ingeschakeld geen last meer heeft van vertragingen die voortkomen uit het “origin” probleem. Met andere woorden: verzoeken van bezoekers in de VS, Duitsland en Japan worden geleverd vanuit nabijgelegen datacenters in plaats van je origin server.

Wil je meer weten over hoe je met Cloudflare APO je WordPress site kan versnellen? Bekijk dan deze opname van onze webinar met Garrett Galow van Cloudflare!

De staat van webperformance

De afgelopen jaren zijn er grote stappen gezet in de professionalisering binnen webontwikkeling. Steeds meer ontwikkelaars stappen over van de reus die WordPress heet naar meer behendige en lichtere generators van statische sites als Hugo en JavaScript frameworks als Gatsby.

We proberen de termen “performance” en “webperformance” overigens objectief te bekijken, des te meer omdat deze termen vaak redelijk subjectief worden gemeten.

De laadtijd van een pagina kan bijvoorbeeld fluctueren, afhankelijk van de testlocatie en het tijdstip.

Dus de algemene stelling dat een statische Gatsby site sneller is dan een WordPress site, zegt niet zoveel totdat er enige context wordt toegevoegd aan deze stelling.

In de huidige wereld, die digitaal sterk is verbonden, is een van de belangrijkste factoren (of contexten) van webperformance de laadtijd vanuit verschillende delen van de wereld.

Dit is waar statische sites wat performance betreft een voordeel hebben ten opzichte van WordPress. Het is uiterst eenvoudig om statische sites rechtstreeks te uploaden naar wereldwijd verspreide CDN’s – en dit maakt ze zonder al te veel werk razendsnel voor iedereen, waar dan ook ter wereld.

Omdat WordPress sites (iets van) een origin server nodig hebben om HTML te genereren, kan het niet rechtstreeks profiteren van platforms zoals Netlify, Vercel en Cloudflare’s eigen Workers Sites die zorgen voor frictieloze wereldwijde levering. Vanuit zakelijk oogpunt betekent dit dat je potentiële bezoekers en klanten misloopt die ver van je origin server verwijderd zijn, omdat Google bij het genereren van zoekresultaten rekening houdt met paginasnelheid.

Dit is waar Cloudflare’s APO voor WordPress in het spel komt.

Door Cloudflare APO in te schakelen, werden in onze tests de WordPress prestaties tot 300% verhoogd.
Door Cloudflare APO in te schakelen, werden in onze tests de WordPress prestaties tot 300% verhoogd.

De Cloudflare Automatic Platform Optimization schept een geheel nieuw licht over wat WordPress performance betekent. Zoals we eerder al zeiden, verminderde APO op de laadtijden van onze testsite tussen de 70-300%, afhankelijke van de testlocatie. Dit kan doordat APO in de praktijk de origin server verwijdert als prestatiebottleneck.

Zo werkt Cloudflare’s Automatic Platform Optimization

Met de Cloudflare APO wordt de HTML van je WordPress site in de cache opgeslagen van de Edge servers van Cloudflare, die over de hele wereld verspreid staan. Dit wordt mogelijk gemaakt door Workers KV, een gedistribueerde key-value databaseservice met supersnelle wereldwijde propagatie (minder dan 60 seconden).

Wanneer data via de Cloudflare API naar Workers KV worden geschreven, worden deze binnen enkele seconden automatisch gekopieerd naar meer dan 150 Cloudflare datacenters van over de hele wereld.

Dit maakt Workers KV een uitstekende kandidaat voor het versnellen van WordPress sites, omdat berichten en pagina’s gemakkelijk kunnen worden weergegeven als een key-value combinatie de URL is de “key” en de HTML paginainhoud is de “value”.

Een webpagina die is opgeslagen als een key-value object in Cloudflare Workers KV.
Een webpagina die is opgeslagen als een key-value object in Cloudflare Workers KV.

Zodra APO is ingeschakeld voor je WordPress site, zullen de meeste verzoeken die je site krijgt, niet meer via je origin server lopen.

In plaats daarvan wordt het verzoek ofwel afgeleverd vanuit een lokale Cloudflare CDN cache (als de cachepagina bestaat) of Workers KV (als de gecachete niet bestaat op Cloudflare’s CDN).

Als een pagina niet bestaat in de CDN cache of Workers KV database, dan zal Cloudflare een (enkel) verzoek indienen bij je origin server en de HTML van de nieuwe pagina in de cache plaatsen.

De reden dat APO zo goed werkt is omdat de Cloudflare Workers KV fungeert als een soort gedistribueerde kopie van je origin server. Dit komt omdat de data die is opgeslagen in Workers KV automatisch worden gekopieerd over het gehele netwerk van servers van Cloudflare.

Dit betekent dat zelfs als je oorspronkelijke server met WordPress zich ergens in de VS bevindt, een verzoek van een bezoeker in Japan niet naar je oorspronkelijke server hoeft te gaan om de lokale CDN cachezone te primen.

In plaats daarvan ontvangt de bezoeker uit Japan cachegeheugen van de Workers KV database of CDN cache van een nabijgelegen Cloudflare datacenter.

Dit nieuwe leveringsmodel verschilt enorm van eerdere pogingen om HTML paginacaching voor WordPress te optimaliseren.

Voorheen was de meest populaire “full-page caching” methode het creëren van een Cloudflare paginaregel om “alles te cachen”. Hoewel deze methode kan resulteren in aanzienlijke prestatieverbeteringen, is het geen erg efficiënte methode van caching omdat het vertrouwt op een “pull” model in plaats van het “push” model van Workers KV dat automatisch HTML wereldwijd pusht.

Met deze “oude” op regels gebaseerde configuratie zouden bezoekers die bij een Cloudflare cachezone in de VS aanklopten geen items cachen voor bezoekers op andere locaties – dit betekent dat sites niet in staat waren om efficiënt te profiteren van het Cloudflare – gezien vanuit het perspectief van wereldwijde contentlevering.

Automatic Platform Optimization gaat nog een stapje verder door ook externe lettertypes te cachen. In veel gevallen bestaat de grootte van een pagina voor een aanzienlijk deel uit lettertypes.

In tegenstelling tot CSS, JS en afbeeldingen, die meestal worden weergegeven vanuit het rootdomein, worden lettertypen vaak geleverd externe diensten als zoals Google Fonts. Dit betekent dat proxy-gebaseerde cachingdiensten als Cloudflare geen lettertypes kunnen cachen en ze niet kunnen leveren.

Aangezien APO wordt aangedreven door een Cloudflare Worker – een programmeerbare JavaScript serviceworker die zich tussen je origin server en bezoekers bevindt – is het mogelijk om extra logica te injecteren om taken uit te voeren als aanvulling op de basiscaching.

In dit geval gebruikt APO een Cloudflare Worker om externe lettertypes te cachen en de HTML van je pagina aan te passen met inline CSS om te verwijzen naar het gecachete lettertype op Cloudflare’s CDN. Hierdoor zijn er geen externe verzoeken meer nodig om de lettertypes op te halen. Dit vermindert het aantal verbindingen en daarmee de tijd die nodig is om een pagina te leveren.

Ten slotte, aangezien APO integreert met je site via een WordPress plugin, wordt de Cloudflare cache automatisch gewist wanneer je een pagina op je site bijwerkt. Dit zorgt ervoor dat bezoekers altijd de laatste versie van je site kunnen zien, zonder dat je hier nog iets voor hoeft te doen.

Maximaliseer WordPress prestaties met high-performance hosting en Cloudflare APO

Cloudflare APO is echter geen wondermiddel. Het kiezen van een prestatiegerichte managed WordPress host zoals Kinsta is nog steeds erg belangrijk. Dit om twee belangrijke redenen.

  1. Cloudflare APO cachet alleen de front-end pagina’s voor bezoekers die niet zijn ingelogd. Vergelijkbaar met de server-level caching van Kinsta, cachet de APO geen pagina’s met bepaalde cookies en voor ingelogde gebruikers. Dit betekent dat de performance van de origin server nog steeds enorm belangrijk is.
  2. Een ideale WordPress ervaring bestaat uit veel meer dan alleen snelle front-end prestaties. Omdat WordPress van zichzelf een dynamisch CMS is, zijn er veel factoren waarmee je rekening moet houden bij het beheren van een WordPress site. Managed hosts als Kinsta bieden op WordPress afgestemde support, siteback-ups, beveiligingsgarantie en nog veel meer.

Hier zijn vier use-cases die laten zien waarom je nog steeds een krachtige WordPrest host moet kiezen, zelfs als je Cloudflare APO gebruikt.

1. WooCommerce, Easy Digital Downloads en e-commerce

Cloudflare APO omzeilt selectief caching wanneer bepaalde e-commerce-gerelateerde cookies worden gedetecteerd. Wanneer een bezoeker van een WooCommerce site bijvoorbeeld een item aan de winkelwagen  toevoegt, stelt WordPress automatisch een woocommerce_items_in_cart cookie in. Wanneer deze cookie wordt gedetecteerd, omzeilt APO de cache. Door het ontwijken van de cache, kunnen namelijk klantspecifieke gegevens worden getoond. WooCommerce en andere door WordPress aangedreven e-commerce platforms zullen dus nog steeds sterk afhankelijk zijn van de prestaties van de origin server, zelfs wanneer Automatic Platform Optimization is ingeschakeld.

2. Performance WordPress dashboard

Omdat Cloudflare APO geen HTML cachet voor ingelogde gebruikers, zal de navigatie binnen het WordPress dashboard nog altijd voor 100% afhankelijk zijn van de prestaties van je origin server. Als je (nog) niet gebruik maakt van een voor prestaties geoptimaliseerde host, dan zullen bijvoorbeeld de volgende taken veel trager gaan: schrijven en publiceren van content, afbeeldingen en andere media-items beheren, uitvoeren van onderhoud van je WordPress site, etc. Dit heeft een directe, negatieve impact op je bedrijfsresultaten.

3. WordPress lidmaatschapssites en discussieforums

Als je een plugin als Ultimate Membership Pro gebruikt om je WordPress lidmaatschapssite te beheren, of bbPress om een WordPress forum aan te drijven, dan kan Cloudflare APO voor het grootste deel van je verkeer niets betekenen. Aangezien lidmaatschapssites en forums doorgaans van gebruikers vragen dat ze inloggen, zal Cloudflare APO automatisch de HTML caching voor die gebruikers omzeilen. Daarom is het gebruik van een high-performance host nog steeds de beste manier om een snelle gebruikerservaring te garanderen voor WordPress lidmaatschapssites en discussieforums.

4. WordPress cron jobs

WordPress cron (WP-Cron) helpt je bij het plannen en automatiseren van back-end taken op een WordPress site. Zo kan je site bijvoorbeeld een cron job gebruiken om een bericht te publiceren op een specifiek tijdstip. Een eenvoudige taak als deze vereist niet veel CPU resources, maar andere taken kunnen al gauw veel meer resources vragen. Als je bijvoorbeeld een plugin hebt die automatisch back-ups maakt van je WordPress site en die elke 12 uur een ZIP archief hiervan maakt, is veel CPU intensiever.

Aangezien Cloudflare APO alleen helpt bij het optimaliseren van front-end content, moet je je site nog altijd hosten op een high-performance host als Kinsta om de prestaties van back-end taken en de ervaring van ingelogde gebruikers te maximaliseren. Je kunt dit verder verbeteren met de codeminificatiefeature die rechtstreeks in het MyKinsta dashboard is ingebouwd. Hiermee kunnen klanten met een simpele klik automatische CSS en JavaScript minificatie inschakelen.

Zo gebruik je Cloudflare Automatic Platform Optimization voor WordPress

Nu we hebben besproken waarom Cloudflare Automatic Platform Optimization voor WordPress zo revolutionair is, laten we eens kijken naar hoe je deze dienst aan je WordPress site kan toevoegen.

APO is beschikbaar voor zowel gratis als betaalde Cloudflare abonnementen. Voor gratis Cloudflare gebruikers wordt er voor gebruik van APO een vergoeding van $5/maand gevraagd. Als je een Pro, Business of Enterprise abonnement hebt op Cloudflare, dan kan je zonder extra kosten APO inschakelen.

Dit is wat je moet doen om aan de slag te gaan met Cloudflare APO:

  1. Een API token aanmaken in het Cloudflare dashboard.
  2. De officiële Cloudflare WordPress plugin installeren.
  3. Automatic Platform Optimization inschakelen.

1. Een Cloudflare API token aanmaken

Voordat je APO inschakelt, moet je een API token genereren en de WordPress plugin van Cloudflare installeren. Om een API token te genereren, klik je op je profielpictogram in de rechterbovenhoek van het Cloudflare dashboard, klik je op  “My Profile”, selecteer je het tabblad “API Token” en klik je op Create Token.

Een Cloudflare API token aanmaken.
Een Cloudflare API token aanmaken.

Klik onder “API Token Templates” op Use Template die je naast de WordPress optie vindt.

De WordPress API token template selecteren.
De WordPress API token template selecteren.

De “WordPress” template genereert een API token met de nodige machtigingen waarmee Automatic Platform Optimization correct kan werken. De standaardinstellingen zijn alles wat je nodig hebt om met APO aan de slag te gaan, maar voel je vrij om aanpassingen te maken aan de instellingen voor “Account Resources” en “Zone Resources” als je het API token wilt vergrendelen voor specifieke gebruikers of zones.

Wanneer je klaar bent met het configureren van de tokenparameters, scrol dan naar beneden en klik op Continue to Summary.

Cloudflare API tokenparameters configureren.
Cloudflare API tokenparameters configureren.

Klik ten slotte op Create Token om het proces te voltooien.

Het aanmaken van de Cloudflare API token bevestigen.
Het aanmaken van de Cloudflare API token bevestigen.

Zorg ervoor dat je de API token naar een veilige locatie kopieert. Je hebt deze later nodig bij het installeren van de Cloudflare WordPress plugin. Nadat je de API token hebt opgeslagen op een veilige plek, zoals een wachtwoordbeheerder, kan je de pagina sluiten.

De Cloudflare API token opslaan op een veilige locatie.
De Cloudflare API token opslaan op een veilige locatie.

2. De Cloudflare WordPress plugin installeren

Je kan de Cloudflare WordPress plugin rechtstreeks vanuit de WordPress pluginbibliotheek installeren. Om de plugin te vinden, zoek je naar “Cloudflare” in je WordPress dashboard. Zorg ervoor dat je de officiële plugin van Cloudflare installeert en niet “WP Cloudflare Super Page Cache”, het eerste zoekresultaat.

De officiële Cloudflare WordPress plugin installeren.
De officiële Cloudflare WordPress plugin installeren.

Ga vervolgens in de zijbalk van je WordPress dashboard naar Instellingen > Cloudflare en klik op “Sign in Here”.

Aanmelden bij je Cloudflare account.
Aanmelden bij je Cloudflare account.

Voer hier het e-mailadres in dat is gekoppeld aan je Cloudflare account, samen met de API token die je eerder hebt gegenereerd. Klik op Save API Credentials om het inlogproces te voltooien.

Je e-mailadres en Cloudflare API token invoeren.
Je e-mailadres en Cloudflare API token invoeren.

Nu je de Cloudflare WordPress plugin helemaal hebt ingesteld, gaan we naar het Cloudflare dashboard om Automatic Platform Optimization in te schakelen.

3. Automatic Platform Optimization inschakelen in Cloudflare

Automatic Platform Optimization voor WordPress is zonder extra kosten inbegrepen bij Pro, Business en Enterprise abonnementen van Cloudflare.  Als je een gratis Cloudflare abonnement gebruikt, kost de APO addon $5 per maand. Ga in je Cloudflare dashboard naar Speed > Optimization om APO in te schakelen.

Om APO in te schakelen, ga je naar Speed > Optimization.
Om APO in te schakelen, ga je naar Speed > Optimization.

Scrol omlaag naar de sectie “Optimized Delivery” en schakel hier “Automatic Platform Optimization for WordPress” in. Als je een gratis abonnement bij Cloudflare afneemt, dan wordt je nu ergens gevraagd om facturatiegegevens in te vullen. Met het inschakelen van APO, zou je nu ook een bericht moeten zien met de tekst “WordPress plugin successfully detected on [jouw domein]”. Zie je dit bericht niet, dan raden we je aan om de Cloudflare plugin opnieuw te installeren of contact op te nemen met hun support voor verdere hulp.

Automatic Platform Optimization for WordPress inschakelen in je Cloudflare dashboard.
Automatic Platform Optimization for WordPress inschakelen in je Cloudflare dashboard.

Ga je in de zijbalk van je WordPress dashboard naar Instellingen > Cloudflare. Klik hier op de knop Apply naast “Apply Recommended Cloudflare Settings for WordPress” – hiermee optimaliseer je de Cloudflare instellingen voor WordPress. Zorg er ten slotte voor dat je in de plugininstellingen ook “Automatic Platform Optimization” hebt ingeschakeld.

Instellingen van de WordPress Cloudflare plugin.
Instellingen van de WordPress Cloudflare plugin.

Zo bevestig je dat Cloudflare APO voor WordPress werkt

Als alles goed is gegaan, zou nu Cloudflare Automatic Platform Optimization actief moeten zijn op je site! Hier lees je hoe je kan bevestigen dat APO correct werkt. Zorg er allereerst voor dat de oranje wolk in het DNS tabblad van Cloudflare is ingeschakeld voor het domein van je WordPress site. Als de oranje wolk niet is ingeschakeld, regelt Cloudflare geen proxy voor het verkeer van je domein – en dit betekent ook dat APO niet werkt.

Bevestigen dat de oranje Cloudflare wolk is ingeschakeld.
Bevestigen dat de oranje Cloudflare wolk is ingeschakeld.

Zo controleer je de cachestatus van Cloudflare APO met een browserinspector

Nu is het tijd om de HTTP headers te bekijken van een verzoek naar je site. Dit kan je doen met de ingebouwde inspector van de browser. We gebruiken in het onderstaande voorbeeld Google Chrome. Open om te beginnen een nieuw browservenster in de incognitomodus.

Een nieuw incognitovenster openen in Google Chrome.
Een nieuw incognitovenster openen in Google Chrome.

Ga vervolgens naar je WordPress site, klik met de rechtermuisknop op de pagina en selecteer hier Inspect om de browserinspector te openen. Je kan de inspector ook openen door in de Chrome menubalk naar View > Developer > Developer Tools te gaan. Klik op het verzoek aan je domein (brianwp.com in het onderstaande voorbeeld). Klik in het submenu op “Headers” om de HTTP responsheaders te zien.

De Cloudflare cachestatus checken met de broswerinspector.
De Cloudflare cachestatus checken met de broswerinspector.

Als APO is ingeschakeld, zou je een aantal APO gerelateerde headers moeten zien.

  • cf-apo-via geeft aan waarvandaan een verzoek wordt geleverd. Er zijn een aantal mogelijk waarden voor deze header – “origin, no-cache”, “origin, bypass” en “cache”. Als je voor deze header de waarde “origin, no-cache” ziet, betekent dit dat de origin server een “Cache-Control: no-cache” header naar Cloudflare heeft gestuurd. Een “origin, bypass” waarde geeft aan dat de HTML cache van Cloudflare is omzeild en dat het verzoek is verwerkt door de origin server. Ten slotte geeft een “cache” waarde aan dat het verzoek werd bediend vanuit de cache van Cloudflare.
  • cf-cache-status geeft aan of de pagina al dan niet wordt geleverd vanuit Cloudflare’s CDN. Nadat je de pagina een aantal keer hebt ververst, zou je de status “HIT” moeten zien. Als je cf-cache-status header “DYNAMIC” laat zien na een paar keer verversen, dan is het mogelijk dat APO wordt omzeild vanwege een configuratiefout of cookie-gerelateerde incompatibiliteit.
  • cf-edge-cache geeft de cachecompatibiliteit van de pagina aan volgens de caching-instructies van je origin server. Er zijn twee mogelijke waarden voor deze header – “no-cache” en “cache, platform=wordpress”. Als APO correct is geconfigureerd met de Cloudflare WordPress plugin, geeft deze als het goed is “no-cache” terug voor pagina’s die niet gecachet mogen worden en “cache, platform=wordpress” voor cachebare pagina’s.
  • age geeft het aantal seconden aan dat een pagina in de cache van Cloudflare’s CDN is opgeslagen.

Als je de bovenstaande headers ziet bij het inspecteren van je WordPress site, betekent dit dat APO helemaal is ingesteld. Voer nu een snelheidstest uit om te zien hoeveel sneller je site is!

Zo check je de Cloudflare APO cachestatus met curl

Ook kan je de werking van Cloudflare APO bevestigen door het onderstaande curl commando te gebruiken in Terminal. Merk op dat het commando een “Accept: text/html” header doorgeeft. Dit is vereist bij het controleren van de APO cachestatus.

curl --request GET -I -H "Accept: text/html" https://www.website.com

Nadat je het commando hebt uitgevoerd, zie je als het goed is een lijst met responsheaders, zoals hieronder. Zoals je kan zien, laten de headers cf-cache-status, cf-apo-via, cf-edge-cache en age zien dat het verzoek werd bediend door de cache van Cloudflare.

De Cloudflare APO cachestatus checken met curl.
De Cloudflare APO cachestatus checken met curl.

Automatic Platform Optimization zonder de Cloudflare plugin

Cloudflare raadt het gebruik van Automatic Platform Optimization aan met de officiële Cloudflare WordPress plugin. Dit is de methode wij ook aanbevelen, omdat deze ervoor zorgt dat je het meest kan profiteren van APO. Als je site niet compatibel is met de Cloudflare WordPress plugin, dan raden we aan om met een ontwikkelaar te werken om je site compatibel te maken.

Als je de Cloudflare plugin écht niet kan installeren, dan is het mogelijk om APO te gebruiken zonder de plugin. Als je voor deze route kiest, kan je nog steeds profiteren van een aantal prestatie-optimalisaties, maar er zijn een aantal belangrijke beperkingen waarmee je rekening moet houden.

Cloudflare APO mét WordPress plugin

Met de Cloudflare WordPress plugin geïnstalleerd, biedt Automatic Platform Optimization de volgende HTML Edge cachefeatures.

  • HTML edgecaching met een TTL van 30 dagen.
  • Cache-invalidatie binnen 30 seconden nadat een bericht is gepubliceerd of bijgewerkt.
  • HTML caching omzeilen voor ingelogde gebruikers.
  • HTML caching omzeilen voor bepaalde cookies zoals WooCommerce.
  • Verzoeken naar de origin server overslaan als de pagina kan worden geleverd vanaf Cloudflare’s CDN. Dit vermindert de belasting op je origin server.

Cloudflare APO zónder WordPress plugin

Als je de Cloudflare WordPress plugin niet hebt geïnstalleerd, kan je het volgende verwachten voor APO HTML “Edge” caching.

  • HTML edgecaching met een TTL van 30 dagen.
  • Cache-invalidatie binnen 30 minuten (in plaats van 30 seconden).
  • HTML caching omzeilen voor bepaalde cookies zoals WooCommerce.
  • Een verzoek aan de origin server is nog steeds vereist om de juiste cache-invalidatie logic te leveren.

Zoals je kan zien, zijn er verschillende voordelen verbonden aan het gebruik van Automatic Platform Optimization in samenwerking met de officiële Cloudflare WordPress plugin.

Samenvatting

Zonder twijfel is Automatic Platform Optimization voor WordPress een van de belangrijkste diensten uit het afgelopen jaar voor het boosten van WordPress performance. Het gaat verder dan de gebruikelijke webserveroptimalisatie, server-side paginacaching en CSS/CJ minificatie-stategieën en een compleet nieuwe stap in de toekomst van het internet.

Als je een Kinsta klant bent, als onderdeel van onze Cloudflare integratie, slaat Edge Caching je Kinsta site/pagina cache op in een van Cloudflare’s wereldwijde netwerk van 260+ datacenters.

Edge Caching is gratis inbegrepen bij alle Kinsta pakketten, vereist geen aparte plugin, en vermindert de tijd die nodig is om gecachete WordPress HTML te leveren met gemiddeld meer dan 50%!

Sinds de oprichting werd WordPress beperkt door het feit dat er geen gestroomlijnde en gemakkelijke manier was om HTML pagina’s op CDN’s te cachen. Door gebruik te maken van hun netwerk van meer dan 150 datacenters in combinatie met Workers en Workers KV, heeft Cloudflare in een klap de prestaties van WordPress sites gelijkgetrokken aan statische sites die zijn ontworpen met geavanceerde frameworks.

En dit is niet niks. We kijken ernaar uit om te zien hoe Cloudflare deze Automatic Platform Optimization feature in de toekomst uitbreid naar andere CMS platforms.

Gebruik jij Cloudflare APO om je WordPress site te versnellen? Laat het ons hieronder weten in de reacties!

Brian Li

Brian gebruikt WordPress al meer dan 10 jaar en deelt zijn kennis graag met de community. In zijn vrije tijd speelt Brian graag piano en verkent hij Tokio met zijn camera. Kom in contact met Brian op zijn website brianli.com.