De snelheid van je website is vandaag de dag geen nice-2-have meer. Het is een keiharde factor voor conversie, gebruiksvriendelijkheid én SEO. Eén van de nieuwste technieken die hieraan bijdraagt is speculative loading. Deze techniek is sinds kort ingebouwd in de nieuwste WordPress 6.8 "Cecil"-release.
Maar waar is het precies goed voor? In dit artikel duiken we dieper in wat speculative loading is, waar het vandaan komt, en – belangrijker nog – wat het jou oplevert.
Inhoudsopgave
Wat is speculative loading?
Speculative loading is een techniek waarbij de browser voorspelt welke pagina’s een gebruiker waarschijnlijk als volgende wil bekijken. Deze pagina’s worden op de achtergrond alvast ingeladen (pré-fetch), nog vóórdat iemand daadwerkelijk klikt. Het idee is eigenlijk best logisch: waarom wachten tot iemand klikt, als je met redelijke zekerheid weet waar hij naartoe wil?
Dit wordt ook wel hover-based preloading genoemd. Zodra iemand met de muis boven een link hangt, wordt de HTML van de doelpagina alvast opgehaald. Op mobiel gebeurt dit bij een tik op het scherm. Sommige varianten werken ook met scrollgedrag of viewport proximity, maar dat zit (nog) niet in de standaard WordPress-implementatie.
Het resultaat? Klikken voelt directer, pagina’s openen sneller, en je site oogt net dat beetje strakker en professioneler.
Nieuw in Wordpress 6.8
Tot begin 2025 was deze speculative loading alleen maar beschikbaar via derden zoals instant.page, Quicklink én de premium variant van WP Rocket. Maar met de komst van WordPress 6.8 (uitgebracht op 15 april 2025) is deze techniek nu een standaard onderdeel van de core. Geen extra plugins nodig: WordPress regelt het voor je.
Onder de motorkap maakt het gebruik van het nieuwe Speculation Rules API van Google Chrome. Deze wordt automatisch geactiveerd voor niet ingelogde gebruikers én als je site gebruik maakt van ‘pretty permalinks’. Heb je die nog op 'Plain' staan? Dan werkt het niet. Twijfel je of je dit veilig kunt aanpassen? Laat het ons weten, we kijken graag even mee.
Wat levert het op?
Testen van onder andere Google, Instant.page en WP Rocket laten de volgende verbeteringen zien:
- 20–40% snellere navigatie tussen interne pagina’s
- Tijd tot interactie <100ms, waar dat normaal rond de 300–500ms ligt
- Tot 1% conversiestijging per 100ms winst in laadtijd
- 7–12% lagere bounce rate op mobiel, door een snellere eerste klikervaring
Wil je dit ook toepassen maar weet je niet waar je moet beginnen? Bel ons op 088 0121 900 of neem contact op via de onderstaande knop. We denken graag even met je mee!
Hoe werkt het technisch?
De implementatie in WordPress is eenvoudig én veilig:
- WordPress voegt een <script type="speculationrules"> toe aan de broncode.
- In dat script staat een JSON-configuratie die bepaalt welke interne links mogen worden voorgeladen.
- Zodra iemand met de muis over een link hovert (of tikt op mobiel), wordt de bijbehorende pagina alvast ingeladen.
Op onze eigen website kun je dit live zien: zodra je je muis boven een link houdt, wordt die pagina al in de achtergrond voorbereid. Zonder klikken. Zonder vertraging.
Uitsluiten gevoelige pagina's
Niet alle pagina's moeten voorgeladen worden. Denk aan de loginpagina, je winkelmandje, of filters met querystrings zoals ?add-to-cart=123 of ?ref=newsletter. Het uitsluiten van dit soort URL's gebeurt via de JSON-configuratie. Je kunt dit doen op drie verschillende manieren:
- Op basis van URL-patronen, zoals /wp-admin/* of /wp-*.php
- Op basis van HTML-selectors, zoals .no-prefetch of a[rel~="nofollow"]
- En op basis van querystrings, bijvoorbeeld alles met ?utm_source= of ?add-to-cart=
Gebruik je alleen de WordPress core, dan stel je dit in via filters in je functions.php of een mu-plugin. Daarmee bepaal je zelf welke pagina’s of elementen worden uitgesloten. Dat werkt prima, maar je moet wel weten waar je mee bezig bent. Het is geen klik-en-klaar oplossing zoals je van veel plugins gewend bent.
Gebruik je een plugin zoals WP Rocket? Dan wordt het een stuk makkelijker. De plugin herkent automatisch belangrijke pagina’s zoals /cart en /checkout, en sluit die standaard uit. Daarnaast kun je via de instellingen in het tabblad Preload zelf extra URL’s invoeren die je wilt uitsluiten. Geen code nodig. WP Rocket genereert dan een aangepaste JSON die samenwerkt met de WordPress-core.
Daarnaast kun je zelf handmatig uitzonderingen toevoegen via de instellingen van WP Rocket. Ga daarvoor in je WordPress dashboard naar WP Rocket → Preload, en scroll naar het veld “Exclude URLs from preloading”. Hier kun je één of meerdere URL’s of URL-patronen invoeren die je wilt uitsluiten van speculative loading. Denk aan zoekresultaten, formulieren of andere dynamische pagina’s. Je hoeft geen code te schrijven. WP Rocket zet dit automatisch om naar een correcte JSON-configuratie en plaatst deze in je broncode.
Het werkt dus als een laag bovenop de core-functionaliteit, met extra controle voor wie geen tijd of zin heeft om zelf in regex of PHP te duiken.
Browser compatibility
Speculative loading werkt op dit moment alleen in Chromium-gebaseerde browsers zoals Chrome, Edge en Opera. Safari en Firefox ondersteunen het Speculation Rules API voorlopig nog niet. De techniek is dus toekomstbestendig, maar op dit moment nog niet universeel.
Sidenote: WordPress laadt géén pagina's vooruit op basis van scroll, viewport proximity of gebruikersgedrag. Het is dus een basis implementatie. Slim, maar nog niet voorspellend op gedragsniveau. Toch is de verwachting dat dit snel verandert, zeker met de opkomst van AI in gebruikersvoorspelling.
Jouw site ook versnellen?
Bij WP Company implementeren we speculative loading standaard in nieuwe projecten. Dankzij de integratie in WordPress 6.8 wordt dat een stuk eenvoudiger én stabieler. Loop je ergens tegenaan met bijvoorbeeld met je WooCommerce webshop of maatwerk website? Bel of mail ons gerust! We maken graag kennis.
