Early Hints

Early Hints is een webstandaard die je kunt gebruiken om de laadtijd van pagina’s tot 30% te verbeteren. Deze webstandaard definieert een nieuwe HTTP-statuscode: 103 Early Hints.

Als de feature Early Hints is ingeschakeld, en een bezoeker laadt je site in een compatibele browser, dan worden 103 responses naar de browser gestuurd (vóór 200 antwoorden) met informatie over gelinkte onderdelen die kunnen voorkomen in de uiteindelijke respons van de server. Met deze informatie kan de browser beginnen de pagina voor te bereiden voordat hij het 200 OK antwoord van de server ontvangt. Hierdoor kan de browser de pagina efficiënter voorbereiden op het laden, terwijl de server aan het “denken” is.

Het Early Hints mechanisme kan worden gebruikt met elk type Link-header of bronverwijzing, zoals preload en preconnect. Het helpt de prestaties van webpagina’s te verbeteren door browsers in staat te stellen bronnen op te halen of voor te bereiden voordat de definitieve respons is ontvangen.

Als onderdeel van Kinsta’s Cloudflare integratie kan Early Hints worden ingeschakeld voor je WordPress site in MyKinsta voor je eigen domein. Je kunt Early Hints niet gebruiken met een tijdelijk kinsta.cloud domein.

Early Hints instellen op je WordPress site

Early Hints is ontworpen om de prestatievoordelen van resourcehints zoals preload en preconnect te verbeteren door deze instructies naar de browser te sturen voordat het definitieve antwoord van de server klaar is. Hierdoor kan de browser eerder beginnen met het laden van of verbinden met cruciale bronnen, waardoor de laadtijden van pagina’s en de gebruikerservaring worden verbeterd.

  • Preload: De preload directive geeft de browser de opdracht om belangrijke bronnen (bijv. CSS, JavaScript, lettertypen) zo vroeg mogelijk op te halen. Wanneer deze richtlijn samen met Early Hints wordt gebruikt, worden deze preload instructies onmiddellijk na het eerste verzoek verzonden, waardoor de browser kan beginnen met het downloaden van cruciale bronnen nog voordat het volledige antwoord is ontvangen. Dit vermindert de render-blokkeringstijd en verbetert de waargenomen en werkelijke prestaties.
  • Preconnect: De preconnect directive initieert vroege verbindingen met belangrijke domeinen van derden (bijv. analytics, CDN, API’s). Early Hints stuurt deze preconnect signalen vooraf, waardoor de browser van tevoren DNS-lookups, TCP-handshakes en TLS-onderhandelingen kan uitvoeren. Dit vermindert de verbindingslatentie en versnelt het laden van bronnen van externe oorsprong.

Om te profiteren van Early Hints, moet je eerst preload en preconnect correct configureren door de juiste Link: headers toe te voegen aan de gewenste assets op je WordPress-site. Dit kan worden gedaan met behulp van optimalisatieplugins zoals:

Met deze tools kun je eenvoudig preload en preconnect headers definiëren en beheren zonder handmatig code te bewerken.

Belangrijke opmerkingen

  1. Je site moet de Link: response header hebben met ofwel het preload of preconnectrel type om aan te geven welke resources je wilt opnemen in de Early Hints respons. Je kunt een WordPress plugin gebruiken om preload of preconnect headers toe te voegen aan je assets in WordPress.
  2. De 103 Early Hints statuscode is compatibel met de nieuwste versies van Chrome, Edge, Safari en Firefox. Als een browser Early Hints niet ondersteunt en er een 103-responsheader naar wordt gestuurd, gebeurt er niets; de browser negeert deze gewoon.
  3. Als je site meer dan 20 domeinen heeft, kan het inschakelen van Early Hints 5 of meer minuten duren, afhankelijk van het totale aantal domeinen.
  4. Je kunt Early Hints niet gebruiken met een tijdelijk kinsta.cloud domein.

Early Hints inschakelen in Cloudflare

Selecteer in je Cloudflare account je domein en klik op Speed > Optimization > Content Optimization en schakel Early Hints in.

Early Hints inschakelen in Cloudflare
Early Hints inschakelen in Cloudflare

Early Hints inschakelen in MyKinsta

  1. Om Early Hints in te schakelen log je in op MyKinsta en ga je naar WordPress sites > sitenaam > Tools.
  2. Klik onder Early Hints op de knop Activeren.
Early Hints inschakelen in MyKinsta
Early Hints inschakelen in MyKinsta

In de rechterbovenhoek verschijnt een melding dat Early Hints is ingeschakeld.

Early Hints testen

Om te bevestigen dat Early Hints werkt, inspecteer je de HTTP headers van een pagina op je site, en zoek je naar Link: headers met het rel type preload of preconnect die je hebt toegevoegd. Om de HTTP headers van je site te inspecteren kun je een van de volgende dingen gebruiken:

  • Onze gratis HTTP status en redirect checker.
  • De ingebouwde developer tools van je webbrowser.
  • Het curl commando in Terminal (opdrachtregel), waarbij je de URL aan het eind van dit voorbeeld vervangt door de URL van de pagina die je wilt testen:
curl -L -s -o /dev/null -D - https://kinstaexample.com

Early Hints uitschakelen

  1. Om Early Hints uit te schakelen, log je in op MyKinsta en ga je naar WordPress Sites > sitenaam > Tools.
  2. Klik onder Early Hints op de knop Uitschakelen.
Schakel Early Hints uit in MyKinsta.
Schakel Early Hints uit in MyKinsta.

In de rechterbovenhoek verschijnt een melding dat Early Hints is uitgeschakeld.

Was dit artikel nuttig?

© 2013 - 2025 Kinsta Inc. Alle rechten voorbehouden. Kinsta®, MyKinsta®, en DevKinsta® zijn handelsmerken eigendom van Kinsta Inc.Het WordPress® handelsmerk is het intellectuele eigendom van de WordPress Foundation, en de Woo® en WooCommerce® handelsmerken zijn het intellectuele eigendom van WooCommerce, Inc. Het gebruik van de WordPress®, Woo®, en WooCommerce® namen op deze website zijn alleen voor identificatiedoeleinden en impliceren geen goedkeuring door de WordPress Foundation of WooCommerce, Inc. Kinsta wordt niet onderschreven door, is geen eigendom van en is niet verbonden aan de WordPress Foundation of WooCommerce, Inc. Juridische informatie

Tools - Early Hints - Kinsta® Docs