首页/网页设计/网页或资源预加载的实现之prefetch与prerender/

网页或资源预加载的实现之prefetch与prerender

2014-12-19
742

在网页设计时,可以通过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 中通过,其它浏览器未测试。

Copyright © 2021 技术探索 All Rights Reserved.