HTML5 Link Prefetching Tag

David Walsh posted an article on the HTML5 link prefetch tag: "You use the link tag to do prefetching, setting the rel to "prefetch" and giving the URL to the resource to prefetch. When should you use link prefetching?" Whether prefetching is right for your website is up to you.Here're a few ideas:When a series […]

Share online:

David Walsh posted an article on the HTML5 link prefetch tag: "You use the link tag to do prefetching, setting the rel to "prefetch" and giving the URL to the resource to prefetch. When should you use link prefetching?" Whether prefetching is right for your website is up to you.

Here're a few ideas:

  • When a series of pages is much like a slideshow, load the next 1-3 pages, previous 1-3 pages (assuming they aren't massive).
  • Loading images to be used on most pages throughout the website.
  • Loading the next page of the search results on your website.
<link rel="prefetch" href="http://davidwalsh.name/css-enhancements-user-experience" /> 

<link rel="prefetch" href="http://davidwalsh.name/wp-content/themes/walshbook3/images/sprite.png" />

More Info: HTML5 Link Prefetching

About The Author

Deepak Gupta is a IT & Web Consultant. He is the founder and CEO of diTii.com & DIT Technologies, where he's engaged in providing Technology Consultancy, Design and Development of Desktop, Web and Mobile applications using various tools and softwares. Sign-up for the Email for daily updates. Google+ Profile.