How to Setup Early Hints
Setup Early Hints In wordpress
How To Use 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 almost 30% speed boost in web content loading by using 103 response Code that 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 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
Expamle of 103 Early Hints
Client request:
GET / HTTP/1.1 Host: example.com
Server response
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 Enable Early Hints Cloudflare
- 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
.html
,.htm
, or.php
file extensions, or no file extension - On 200, 301, or 302 response return codes
- When response contains link headers with preconnect or preload rel types