Early Hints
Early Hints is a web standard you can implement to improve page load times by up to 30%. This web standard defines a new HTTP status code: 103 Early Hints.
When the Early Hints feature is enabled, and a visitor loads your site in a compatible browser, 103 responses are sent to the browser (before 200 responses) with information about linked assets that may appear in the final response from the server. With this information, the browser can begin preparing the page before it receives the 200 OK response from the server. This allows the browser to more efficiently prepare the page for loading while the server is “thinking.”
As part of Kinsta’s Cloudflare integration, Early Hints can be enabled for your WordPress site in MyKinsta.
Important Notes
- Your site will need to have the
Link:
response header with either thepreload
orpreconnect
rel type to indicate the resources you want to include in the Early Hints response. For more information about configuring your_headers
file, refer to Cloudflare’s Early Hints documentation. If you’re not familiar with adding response headers, you can work with a developer. - The 103 Early Hints status code is compatible with the latest versions of Chrome, Edge, Safari, and Firefox. If a browser doesn’t support Early Hints and a 103 response header is sent to it, nothing will happen; the browser will simply ignore it.
- If your site has more than 20 domains, enabling Early Hints may take 5 or more minutes, depending on the total number of domains.
Enable Early Hints
- To enable Early Hints, log in to MyKinsta and go to WordPress Sites > sitename > Tools.
- Under Early Hints, click the Enable button.
![Enable Early Hints in MyKinsta.](https://kinsta.com/_next/image/?url=https%3A%2F%2Fkinsta.com%2Fwp-content%2Fuploads%2F2023%2F11%2Fwordpress-early-hints-3.png&w=3840&q=75)
A notification that Early Hints is enabled will appear in the upper right corner.
Test Early Hints
To confirm Early Hints is working, inspect the HTTP headers of a page on your site, and look for any Link:
headers with the rel
type of preload
or preconnect
that you added. To inspect your site’s HTTP headers, you can use any of the following:
- Our free HTTP status and redirect checker.
- Your web browser’s built-in developer tools.
- The
curl
command in Terminal (command line), substituting the URL at the end of this example with the URL of the page you want to test:
curl -L -s -o /dev/null -D - https://kinstaexample.com
Disable Early Hints
- To disable Early Hints, log in to MyKinsta and go to WordPress Sites > sitename > Tools.
- Under Early Hints, click the Disable button.
![Disable Early Hints in MyKinsta.](https://kinsta.com/_next/image/?url=https%3A%2F%2Fkinsta.com%2Fwp-content%2Fuploads%2F2023%2F11%2Fwordpress-disable-early-hints-3.png&w=3840&q=75)
A notification that Early Hints is disabled will appear in the upper right corner.