How To Setup Cloudflare Early Hints in your websites and apps that are currently using Cloudflare? Early Hints by Cloudflare is a Brand New addition to their speed optimizations where you can see an almost 30% speed boost in web content loading by using 103 response Code which is the new HTTP Status Code for Indicating Hints for preloading Webpage content before response code 200 that means a lot faster routing for the specific link –
What is the 103 Early Hints Code?
According to httpwg.org
The 103 (Early Hints) informational status code indicates to the client that the server is likely to send a final response with the header fields included in the informational response
Typically, a server will include the header fields sent in a 103 (Early Hints) response in the final response as well. However, there might be cases when this is not desirable, such as when the server learns that the header fields in the 103 (Early Hints) response are not correct before the final response is sent
Examples of 103 Early Hints
GET / HTTP/1.1 Host: example.com
HTTP/1.1 103 Early Hints Link: </style.css>; rel=preload; as=style Link: </script.js>; rel=preload; as=script HTTP/1.1 200 OK Date: Fri, 26 May 2017 10:02:11 GMT Content-Length: 1234 Content-Type: text/html; charset=utf-8 Link: </style.css>; rel=preload; as=style Link: </script.js>; rel=preload; as=script
How To Setup Cloudflare Early Hints
- Log in to your Cloudflare dashboard and select your domain
- From the dashboard, click Speed > Optimization.
- Under Optimized Delivery, click Join the beta.
After you sign up, you will be added to a list of beta users, and the feature will be enabled in batches from the list. After admission into the Beta, you can toggle Early Hints on or off from Optimized Delivery –
How early hints works
Early Hints are only generated and cached:
- For URIs with
.phpfile extensions, or no file extension
- On 200, 301, or 302 response return codes
- When the response contains link headers with preconnect or preload rel types
Cloudflare Early Hints Setup Video
If you want to know the best optimized Cloudflare settings then see our article here –