<link rel="icon" href="data:image/x-icon;base64,A VERY VERY LONG STRING...">
然而,我确实可以看到Chrome和Firefox(截至本文发布时的最新版本)仍会向我的网站根目录发出
favicon.ico
请求,例如 http://example.com/favicon.ico
如果有关系的话:1. 嵌入在
href
属性中的 base64 编码字符串相当大。
2. 网站图标<link>
标签由react-helmet管理
3. 网站本身并不特别缓慢。 (Apdex得分始终良好)我只能假定当时的开发人员(现在全部离职)希望内联网站图标以避免HTTP请求,因此编写了一些“基础设施”来支持该功能:即使用Webpack插件自动对所有作为JavaScript模块导入的资源(例如
import favicon from'./assets/favicon.ico'
)进行base64编码。很明显这并没有按照预期工作,但最让我感到困惑的是,实际的base64字符串比
favicon.ico
文件本身还要大(20k vs 15k)。所以我不确定其中的好处在哪里(如果有的话)。