1。dns-prefetchDNS-prefetch（DNS预取）是在请求资源之前尝试解析域名。这可能是稍后要加载的文件，也可能是用户试图打开的链接的目标。只要站点引用跨源域上的资源，就应该在元素中放置dns-prefetch提示,但有几点需要牢记。dns-prefetch仅对跨源域上的DNS查找有效，因此请避免使用它指向您的站点或域考虑将dns-prefetch与预连接（preconnect）提示配对。dns-prefetch仅执行DNS查找，而preconnect建立与服务器的连接。如果站点通过HTTPS提供服务，则此过程包括DNS解析、建立TCP连接和执行TLS握手。注意：如果页面需要与许多第三方域建立连接，预先连接它们会适得其反。预连接提示最好只用于最关键的连接。对于其他人，只需使用来节省第一步的时间-DNS查找。因为对dns-prefetch的支持比preconnect的支持要好。不支持预连接的浏览器仍然可以通过回退到dns-prefetch获得更多好处。如果不受支持的浏览器遇到dns-prefetch提示（或任何其他资源提示），您的站点将不会中断。您只是不会获得它提供的好处。某些资源（例如字体）以匿名模式加载。在这种情况下，应使用预连接提示设置crossorigin属性。如果省略它，浏览器将只执行DNS查找。2.preload元素属性的预加载值允许你在HTML中声明获取请求，指定你的页面很快将需要的资源，并且你希望在页面生命周期的早期开始加载这些资源，在浏览器的主要渲染机制开始之前.这可确保它们更快可用并且不太可能阻塞页面呈现，从而提高性能。rel查看MDN文档的href属性中资源的路径。as属性中的资源类型。audio：音频文件，通常用于
