<link>元素的 rel 属性的属性值preload能够让HTML页面中 <head>元素内部书写一些声明式的资源获取请求,使得资源可以更早的得到加载。
在这里,我们会先加载style1.css
和main1.js
文件(但不会生效),在随后的页面渲染中,一旦需要使用它们,它们就会立即可用。
哪些类型的内容可以被预加载?
许多不同类型的内容都可以被预加载,一些主要可用的as
属性值列举如下:
媒体查询
<link>
元素有一个很棒的特性是它们能够接受一个media
作为属性值,这将令你能够使用响应式的预加载
跨域获取
通过添加crossorigin="anonymous"
支持跨域,对于字体文件是个特例,无论何时,字体文件都需要添加该属性
其他资源预加载机制
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。