html - 多尺寸的 favicon .ico 文件会影响网页加载速度吗?

标签 html performance browser favicon .ico

我们使用网站图标转换器在我们网站的一个 .ico 文件中创建多种图像尺寸。我很担心,因为我们的新 .ico 现在是 1.6 KB,我不知道 Internet 浏览器是否会加载所有不同的图像尺寸,或者只加载它们需要的图像尺寸?

这段代码现在位于我们所有网页的头部:

<link rel="SHORTCUT ICON" href="http://example.com/images/favicon.ico"/>

因为代码在头部,所以它是浏览器在继续加载每个网页的其余部分之前首先加载的内容之一。

如果我们现在显着增加普通浏览器的页面加载时间,我还担心会因 Google Caffeine 更新而受到惩罚。

有谁知道浏览器是否有选择地仅从 .ico 文件中上传他们需要的图像尺寸(16 x 16 的小图像)?或者如果他们实际上上传了整个 .ico 文件(全部 1.6 KB)?

最佳答案

1.6 KB 对于网站图标来说已经足够了。你不应该遇到任何速度问题。大多数浏览器(我相信)只会调整你拥有的文件的大小......如果你愿意,你可以把它变小,但它应该没问题。

此外,请记住,大多数用户(不经常清除缓存的用户)只需加载图标一次(即他们第一次访问您的页面时),之后,它会暂时保存到他们的计算机中更快的加载时间。

希望对您有所帮助!

关于html - 多尺寸的 favicon .ico 文件会影响网页加载速度吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23345945/

相关文章:

html - 一些非常基本的 HTML 中出现莫名其妙的偏移

sql-server - Entity Framework Power Tools 扩展的源代码是否可用?如果没有,它会永远存在吗?

performance - 使用 R 从 json 文件构建数据帧时,merge() 的有效替代方法?

javascript - parseInt() 比 toString() 快吗?

javascript - window.open(url) 取代前一个 window.open(url) 的窗口

.net - 关于udione解决WebBrowser内存泄露的方法

html - 即使使用 box-sizing border-box 也可以包裹 Flex 元素

html - 有什么方法可以验证用户的地理位置吗?

javascript - 如何使用 jQuery 或 javascript 保留 cookie 而不更改浏览器设置?

javascript - If 和 Else 语句始终输出 If