什么是LINK rel =子资源用于?

时间:2015-04-06 17:04:02

标签: javascript html html5

什么是 link rel =" subresource" 用于? 如果我使用 link rel =" subresource" 而不是链接 rel =" text / javascript" ,那会有什么不同.JS文件?

2 个答案:

答案 0 :(得分:11)

Chrome将删除<link rel=subresource>,因为它没有用,专有和错误:https://crbug.com/581840

改为使用<link rel=preload>

答案 1 :(得分:10)

截至2016年,subresource属性的rel值为deprecated and removed

它已被Preload API取代,意味着应该为rel=preload做类似的效果。引用规格

  

链接元素上的preload关键字提供声明性提取   原语,启动早期提取并分离提取   资源执行。

     

因此,preload关键字用作启用的低级基元   构建自定义资源加载和执行行为的应用程序   没有从用户代理隐藏资源并导致延迟   资源取得罚款。

     

例如,应用程序可以使用preload关键字启动   CSS资源的早期,高优先级和非呈现阻塞提取   然后,应用程序可以在适当的时候应用它。


以下是2015年为后代撰写的原始答案,其中解释了当时有效的subresource关键字。


rel=subresource链接就是所谓的链接预取,其中浏览器尝试在需要之前获取资源,因此它可以在以后实际需要时从缓存更快地加载该资源

Link prefetching是一种用于下载或预取资源的浏览器机制。

  

链接预取是一种浏览器机制,它利用浏览器空闲   是时候下载或预取用户可能访问的文档了   不久的将来。一个网页提供了一组预取提示   浏览器,浏览器加载页面后,它开始   以静默方式预取指定的文档并将其存储在缓存中。   当用户访问其中一个预取文档时,可以将其提供   迅速退出浏览器的缓存。

服务器向浏览器提供提示,浏览器可以查询其缓存并根据这些提示采取措施。

现有的链接预取使用标准的HTTP链接头,并为链接关系类型&#34; prefetch&#34;定义语义。

link rel=subresource提供了一种新的链接关系类型,其中包含link rel=prefetch的不同语义。

虽然rel=prefetch提供了在后续网页上使用的资源的低优先级下载,rel=subresource 可以在当前页面内提前加载资源 。由于该资源旨在用于当前页面,因此必须以高优先级加载该资源才能使用。