link预加载

Posted chjb

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了link预加载相关的知识,希望对你有一定的参考价值。

link标记的常见使用是css,但是link也可以用来加载资源;

使用方式(as属性在部分loadType的情况下有效)

<link rel="loadType" href="url" as="fileType"   >

做为加载类型的情况下,loadType常见值有:preload、prefetch、prerender;

url常见值有:各种文件(图片、视频,音频,字体等),各种链接地址(如:http://www.baidu.com);

1、preload--预加载

加载类型为文件,有as属性;

优先级较高,在加载好页面后马上开始缓存资源(如果需要资源不是马上使用,不要用,有可能拖慢其它的下载速度,必须马上使用的资源,用它);

2、prefetch--预拉取

加载类型为文件,,有as属性;

优先级较低,不会干扰主要资源的加载(如果需要的资源不是马上使用,就选它);

3、prerender--预渲染(页面)

加载类型为链接,无as属性;

预渲染对内存和流量的消耗都很高,不能加载过多的链接,部分不浏览器不支持;

 

以上是关于link预加载的主要内容,如果未能解决你的问题,请参考以下文章

js 常用代码片段

关于js----------------分享前端开发常用代码片段

link预加载

通过link的preload进行内容预加载

通过link的preload进行内容预加载

图片预加载