如何禁用响应式链接 rel="preload"？

Question

我使用 Link rel="preload" 来播放幻灯片图像，以使我的网站速度更快，至少在浏览器中是这样。我创建了一条不在手机上显示幻灯片的规则（display:none;）。由于预加载链接位于我的index.html 的头部，因此即使在手机上也会预加载图像。当我们处于响应状态时，有没有办法禁用此预加载？

我创建了一条不在手机上显示幻灯片的规则（display:none;）。

Answer 1

您可以添加媒体属性来预加载：

<link rel="preload" href="small_cat.jpg" as="image" media="(max-width: 400px)">

这在浏览器中得到很好的支持。