HTML5 DNS & Content 预取

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">