为了减少加载时间,浏览器通常会缓存静态资产,例如图像、JavaScript、CSS 文件等。favicon 就是其中之一。

一些浏览器,例如 Chrome 浏览器,维护一个单独的存储来缓存网站 favicon,因为它们经常在不同的地方使用,例如书签、历史记录。

当我们用新的 favicon 替换旧的 favicon 时,我们的访问者可能仍然会看到旧的 favicon,即使他们清除了浏览器缓存。

为了防止这种情况发生,我们可以通过添加查询参数来强制浏览器下载新的 favicon:

<link rel="icon" href="/favicon.png?ver=2" />

当然,您可以选择参数的另一个名称和值。