Better Resource Hints will make your WordPress site or faster generally more performant by intelligently leveraging resource hints like prefetch, preload, preconnect, and server push..
However, this functionality scratches the service, providing only dns-prefetch tags out of the box, and there's growing opportunity to take advantage of different hints as they are introduced and gain more browser support.
Instead of just resolving DNS, the preconnect hint handles TLS negotiations and TCP handshakes, resulting in reduced page latency..
Preloading Preloading occurs when the browser is told it can start downloading in the background early during page load, instead of waiting until the asset is called to start the process.
For example, if user hits your home page and is to go to page that uses JavaScript file, it's wise to prefetch that asset on the home page, so it's cached and ready to go on the next.
This is different from DNS prefetching, which will resolve DNS of resource's host, and not download the resource itself..
As with any sort of performance-enhancing technique, just be aware that they should be used, and that the results you see will depend on the size the of resources your site loads, as well as how your server is configured.
Because of their placement on page, if the option is enabled, your CSS files will be preloaded, and then turned into stylesheet once they've loaded.
The advantage to doing this is that while the files downloading, they won't block the rest of the page from rendering, resulting faster page load..
To prevent this, it's recommended to only preload CSS files that are not critical to the initial view of the page.
Read more
Related items:
