lanyrd mail arrow-left arrow-right flickr vimeo twitter facebook tumblr

Preload, Prefetch And Priorities in Chrome

Screen Shot 2017-07-05 at 8.14.23 AM
Visit Link

Today we’ll dive into insights from Chrome’s networking stack to provide clarity on how web loading primitives (like <link rel=“preload”> & <link rel=“prefetch”>) work behind the scenes so you can be more effective with them.

As covered well in other articlespreload is a declarative fetch, allowing you to force the browser to make a request for a resource without blocking the document’s onload event.

Prefetch is a hint to the browser that a resource might be needed, but delegates deciding whether and when loading it is a good idea or not to the browser.