HTML5 DNS & Content 预取

原文链接：http://www.javaarch.net/jiagoushi/783.htm

HTML5 DNS & Content 预取

content预取


预取，这个prefetch只是预先把内容请求缓存取来
<link rel="prefetch" href="http://www.webtutorialplus.com/infinite-scroll-with-jquery/" />


prerender不但先预取内容，还是预先解析html，需要展示的时候就会很快
<link rel="prerender" href="http://www.webtutorialplus.com/infinite-scroll-with-jquery/" />


预取不要在页面中随便乱用，一般是一个页面分为几部分，然后用户很有可能会点击下个页面的时候，那么可以使用预取机制。


DNS预取


DNS预取可能让浏览器先对域名进行DNS域名解析，在最新版的chrome和firefox都会自动做DNS预先解析功能，那么在HTML5中也可以显示声明DNS预取


<link rel="dns-prefetch" href="//google-analytics.com">
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="dns-prefetch" href="//platform.twitter.com">