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.

Als onderdeel van Kinsta’s Cloudflare integratie kunnen Early Hints worden ingeschakeld voor je WordPress site in MyKinsta.

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. Als je niet bekend bent met het toevoegen van responsheaders, kun je samenwerken met een developer.
2. De 103 Early Hints statuscode is alleen compatibel met Chrome en Edge, maar Firefox is wel van plan Early Hints te ondersteunen en heeft een open bugrapport voor de implementatie ervan.
3. Als een browser Early Hints nog niet ondersteunt en er wordt een 103 responsheader naartoe gestuurd, gebeurt er niets; de browser negeert het gewoon.
4. 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.
5. Early Hints wordt bij Cloudflare beschouwd als een beta-functie en experimenteel in Chrome. Dit betekent dat het gedrag en de implementatie van de functie in de toekomst waarschijnlijk zullen veranderen.
6. Early Hints feature is momenteel niet compatibel met een custom SSL certificaat. Als je site een domein heeft dat een eigen SSL certificaat gebruikt en je schakelt Early Hints in, dan kan het lijken alsof het is ingeschakeld in MyKinsta, maar het wordt niet geactiveerd voor dat domein.

Early Hints inschakelen

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.

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.

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