link元素规定了外部资源与当前文档的关系。常用于链接样式表、创建网站图标、预加载资源等链接样式表创建站点图标Preload用于前端界面性能优化，rel属性值可以为preload、prefetch、dns-prefetch。prefetch当用户正在使用当前界面时，在浏览器空闲时，将下一个界面要使用的资源下载到本地缓存中。不在浏览器下下载是不知道的。举个例子：网站有A和B两个界面，当用户访问A界面时，很大概率会访问B界面（比如登录跳转）。那么我们可以在用户访问A接口时，提前将B接口需要的一些资源下载到本地，性能会得到很大的提升。改进。那么我们只需要在界面A.html文件中设置如下代码：preload控制当前界面的资源下载优先级，浏览器必须下载资源。例如：网站A界面的css样式文件中使用了一个外部字体文件。正常情况下，css解析完成后字体的下载就完成了。把字体文件想成不如先下载到本地再解析css样式文件。然后我们可以在head标签中设置字体的preload。dns-prefetch可以从字面上理解，先解析要重定向的域名，减少时间。Prefetch&preload关注的页面不同：prefetch关注的是要使用的页面，preload关注的是当前页面的资源是否被下载：prefetch的资源下载状态未知（只有在浏览器空闲时才会下载）,preload必须下载media属性media属性规定了链接文件会出现在什么设备上。注意：界面加载时，两种样式表都会下载到客户端，只是根据不同的场景使用不同的样式。TODOscript标签的async和defer属性的区别和用途是什么？报价预加载&预取一步前端
