码迷,mamicode.com
首页 > 其他好文 > 详细

link预加载

时间:2019-04-14 18:08:34      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:end   标记   流量   nbsp   file   reload   col   方式   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预加载

标签:end   标记   流量   nbsp   file   reload   col   方式   link   

原文地址:https://www.cnblogs.com/chjb/p/10705946.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!