在网页设计时,可以通过prefetch与prerender来预加载下一步可能需要的资源或下一步可能要访问的页面。
1、利用prefetch预加载以后的页面可能要用到的资源文件
在当前页面 webform1.aspx 中加入下面的语句,而下面的 location.js 会在另一个页面 webform2.aspx 中用到。采用这种方式,当 webform1.aspx 加载完成后,浏览器会在后台静默下载 location.js 这个文件。然后用户访问 webform2.aspx 时,就会直接读取先前已缓存的 location.js 。
<link rel="prefetch" href="http://www.a.com/js/location.js"/>
2、利用prerender预加载下一步可能要访问的页面(该页面以及页面中包含的所有资源都将进行预加载)
在当前页面 webform1.aspx 中加入下面的语句,而下面的 webform2.aspx 这个页面很有可能会被用户立即访问。采用这种方式,当 webform1.aspx 加载完成后,浏览器会在后台静默读取 webform2.aspx 以及这个页面中包含的所有资源(如js和css)。然后用户访问 webform2.aspx 时,就会直接读取先前已缓存的所有内容。
<link rel="prerender" href="http://www.a.com/webform2.aspx"/>
以上在 IE11 和 Chrome 中通过,其它浏览器未测试。