“数据 URL”是提高网站图标加载速度的好方法吗？

Question

在我自己的网站上工作时，我的网站图标面临延迟加载时间（基于水流）。我尝试了很多方法来减少水流延迟，但未能成功。花了3个多小时后，我想出了这个解决方案，像魔术一样解决问题！！

第 1 步：将 favicon 转换为数据 URI（您可以从此处创建） 第 2 步：将现有的 favicon 替换为以下代码（在 function.php 或子函数中使用它）

function add_favicon() {
	echo '<link rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;base64,AAABAAEAICAAAAAAIACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAgBAAAAAAAAAAAAAAAAAAAAA.......=" />';
}

add_action('wp_head', 'add_favicon');

Answer 1

它对图标很有效，但当您使用像 jpg png 等图像格式时，它会减少一点。但仍然是一个很好的优化解决方案。