html - 链接到很多 favicon 图像大小会使页面变慢吗?

标签 html css favicon load-time

来自这个要点:https://gist.github.com/awesome/9947977 ,有许多选项可用于添加网站图标图形。对标签的多次引用会减慢页面速度吗?或者这只是个坏主意?

最佳答案

是的,但没那么多。

Chrome and Firefox tend to load all PNG icons他们第一次遇到声明,因此是"is"。后续浏览不会生成额外的、不必要的请求,因此“没有那么多”。

此外,我并不完全同意您链接到的代码。特别是,所有 iOS PNG 图标(例如 favicon-57x57.png )都是重复的并且不会被使用(在本例中被 apple-touch-icon-57x57-precomposed.png 遮盖)。但是 Chrome 和 FF 会无缘无故地加载它们。

我宁愿建议你使用这个 favicon generator .生成的图片和代码支持所有主要平台并最大限度地减少开销。好吧,这是一个平衡问题。全面披露:我是该网站的作者。

关于html - 链接到很多 favicon 图像大小会使页面变慢吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24919603/

相关文章:

html - React中的图片标签

php - 基于断点的 Bootstrap 行元素

html - 为什么网站图标缓存时间更长?

CSS:菜单在 Firefox 中以正确的空格显示

jQuery 文本 slider 在 Chrome 中不起作用

javascript - 如何设置页面特定的图标?

javascript - 暗光模式 : How to switch manifest and favicon?

html - 如何使标题和 Logo 响应?(Bootstrap)

javascript - 如何在 dom 中隐藏元素的所有子元素(孙元素)

iphone - 在页面上嵌入 iphone 联系人点击链接