让网站不去请求favicon.ico图标

Favicon.ico的优化

// 如果不显式地设置这个图标,浏览器会默认地向网站的根目录发送请求以获取这个图标。
// 若网站根目录中也缺少这个图标,这将导致一个404错误。
// 为了优化用户体验和减少不必要的请求,有两种策略:
// 1. 提供一个favicon.ico图标。
// 2. 显式地禁止产生这个请求。

// 当我们构建H5混合应用时,通常不希望浏览器发送favicon.ico的请求。
// 为了避免这种情况,我们可以在页面的 head 部分添加以下代码:
// 这段代码实际上是将favicon的值设置为一个很小的base64编码的图标,
// 这样可以避免额外的请求,而不会真正加载任何图标。
    
<link rel="icon" href="data:image/ico;base64,aWNv">

// 注意: 对于老旧的浏览器,如IE版本小于8,这种策略可能不起作用。

相关链接

// 如果你想了解更多关于favicon.ico的信息,可以访问以下链接(请点击跳转):
favicon.ico详细解析

posted on 2020-04-30 21:46  完美前端  阅读(2775)  评论(0)    收藏  举报

导航