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

 

你可能感兴趣的:(content)