rel
2024年04月30日
一、认识
rel
属性定义了所链接的资源与当前文档的关系,在 <a>
、<area>
和 <link>
元素上有效。支持的值取决于拥有该属性的元素。
二、语法
三、属性值
3.1 prefetch
资源预读取(Prefetch
)是一种浏览器优化技术,用于在页面加载过程中提前请求并缓存未来可能需要的资源,以减少后续页面导航或操作时的延迟。通过使用 Prefetch
,浏览器可以主动去加载和缓存当前页面附加资源(如脚本、样式表、图片等),以便在用户导航到下一个页面时能够更快地获取这些资源。这样可以提高用户体验,因为用户在导航到下一个页面时不需要等待资源的加载,而是能够立即渲染页面。Prefetch
指定用户代理应预先获取并缓存目标资源,因为后续的导航可能需要它。资源预获取强调的是对后续页面关键资源的提前获取。Prefetch
可以强制浏览器在不阻塞 document
的 onload
事件的情况下请求资源。
在 Chrome
中,如果用户导航离开一个页面,而对其他页面的预取请求仍在进行中,这些请求将不会被终止。
prefetch
加载的是接下来页面可能会使用的资源,因此优先级最低,为Lowest
。
<link rel="prefetch" as="style" href=""/>
<link rel="prefetch" as="script" href=""/>