SEO-tools

Gratis Speculation Rules Generator

Genereer Speculation Rules JSON voor prerendering en prefetching in Chrome en Edge.

Tool laden...

Wat is Speculation Rules Generator?

Speculation Rules zijn een JSON-gebaseerde browserfunctie waarmee u de browser kunt vertellen welke pagina's moeten worden vooraf opgehaald of vooraf gerenderd voordat de gebruiker klikt. Vooraf renderen laadt de volledige pagina voor directe navigatie, terwijl vooraf ophalen alleen het documentmiddel ophaalt. Dit kan een statische site snel laten aanvoelen omdat volgende paginaweergaven uit de cache of vooraf gerenderde staat worden geladen.

Snel antwoord

Speculation Rules gebruiken JSON om Chrome en Edge te vertellen welke pagina's moeten worden vooraf opgehaald of vooraf gerenderd voordat de gebruiker klikt. Vooraf renderen laadt de volledige pagina voor directe navigatie; vooraf ophalen haalt alleen het hoofddocument op.

Last updated: 2026-06-11

Beperkingen

  • Speculation Rules werken alleen in Chrome en Edge. Andere browsers negeren de script-tag volledig.
  • Het gretig vooraf renderen van veel pagina's kan aanzienlijke bandbreedte en geheugen verspillen, vooral op mobiele apparaten.
  • Vooraf renderen van andere oorsprong heeft strikte privacybeperkingen. Browsers kunnen cookies en opslagtoegang verwijderen van vooraf gerenderde pagina's van andere oorsprong.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Zo gebruik je deze tool

  1. Kies of u pagina's wilt vooraf renderen (volledig renderen) of vooraf ophalen (alleen document ophalen).
  2. Selecteer de URL-lijstbron om exacte pagina's op te geven, of documentregels voor patroongebaseerd matchen.
  3. Stel het eagerness-niveau in. Conservative vuurt bij hover of focus, moderate voegt een korte vertraging toe, eager vuurt onmiddellijk.
  4. Kopieer de script-tag naar uw paginakop of nabij het einde van de body.

Waarvoor je het kunt gebruiken

  • Topnavigatiepagina's vooraf renderen zodat ze direct openen bij klikken.
  • Blogartikelpagina's vooraf ophalen vanuit een overzicht om de leesstroom te versnellen.
  • Speculation Rules toevoegen aan een documentatiesite zodat sectiepagina's sneller laden.

Gebruik

Praktische voorbeelden

Voorbeeld

Hoofdnavigatie vooraf renderen

Een site rendert de Over, Tools en FAQ-pagina's vooraf omdat de meeste bezoekers vanaf de startpagina naar deze pagina's navigeren. Eagerness is ingesteld op moderate om snelheid en bandbreedte in balans te brengen.

Voorbeeld

Documentregels voor bloglinks

Een blogoverzicht gebruikt documentregels zodat elke link op dezelfde pagina in aanmerking komt voor vooraf ophalen wanneer de gebruiker eroverheen beweegt.

Veelgemaakte fouten

  • Te veel pagina's vooraf renderen, wat bandbreedte en browserresources verspilt.
  • Eagerness instellen op eager op elke pagina, wat overmatig vooraf ophalen kan veroorzaken.
  • Pagina's van andere oorsprong vooraf renderen zonder de privacy- en cookie-implicaties te begrijpen.

Verificatie

  1. Open Chrome DevTools, ga naar Toepassing > Speculation Rules om te controleren of de regels correct worden geparseerd.
  2. Controleer in het Netwerkpaneel of vooraf gerenderde of vooraf opgehaalde pagina's de status Proxied of Prefetched tonen in de kolom Grootte.

FAQ

Vragen over Speculation Rules Generator

Welke browsers ondersteunen Speculation Rules?

Chrome 109+ en Edge 109+. Andere browsers negeren de script-tag, dus het is veilig om als progressive enhancement toe te voegen.

Wat is het verschil tussen prerender en prefetch?

Prerender haalt de pagina op en rendert deze volledig inclusief subresources, waardoor navigatie direct aanvoelt. Prefetch haalt alleen het hoofddocument op, wat lichter is qua bandbreedte.

Moet ik pagina's van andere oorsprong vooraf renderen?

Vooraf renderen van andere oorsprong is beperkt. Browsers sturen mogelijk geen cookies of opslagstatus naar vooraf gerenderde pagina's van andere oorsprong en same-origin-voorwaarden zijn van toepassing. Prefetch is over het algemeen veiliger voor URL's van andere oorsprong.

Heeft vooraf renderen invloed op het aantal analytics-paginaweergaven?

Ja, dit is een bekend probleem. Een vooraf gerenderde pagina voert analytics-scripts uit en telt een paginaweergave, zelfs als de gebruiker nooit naar de pagina navigeert. Gebruik hiervoor de document.prerendering API of de activationStart-performance-entry om analytics uit te stellen totdat de pagina daadwerkelijk wordt geactiveerd door gebruikersnavigatie. Zonder deze beveiliging zullen uw analytics het aantal paginaweergaven voor vooraf gerenderde pagina's overschatten.

Gerelateerde tools

Meer seo-tools

Probeer ook

Probeer ook

Html

CSP Hash Generator

Genereer CSP-hashwaarden voor inline scripts en styles. Hash exacte code met SHA-256, SHA-384 of SHA-512.

Open tool