<link rel =“ prefetch”>不会在Firefox中重用获取的资源

Question

我目前正在尝试在用AngularJS编写的单页应用程序中预取一些图像。在路由到另一个状态后重用它们。

我想通过在运行时注入一些预取链接来做到这一点。 虽然此方法在chrome和IE11中可以正常工作，但它不使用Firefox中获取的资源。

app.run(($document) => {
    const head = $document.find('head');
    const prefetchImage = $document[0].createElement('link');
    prefetchImage.rel = 'prefetch';
    prefetchImage.href = url;
    head.append(prefetchImage);
});

<img src="url" />

我希望应用程序可以重用预取的图像，但是在Firefox中，该应用程序似乎只请求了两次。

有人知道为什么会这样吗？