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

Question

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

第 1 步：将 favicon 转换为 data-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 等图像格式时，它会减少一点。但仍然是优化的良好解决方案。