css - 使用动画 gif 作为 CSS Sprite 是一个好习惯吗?

标签 css performance sprite gif animated-gif

<分区>

我有一个网站,当你mouseover它们时会弹出动画图标

但我认为这可能会导致浏览器的图形性能不佳。我可以将动画图标放在 Sprite 中,而将非动画图标放在另一个 Sprite 中,但这有什么意义呢?这样 Sprite 就不再有用了。您是否建议使用手动为放置在 sprite 中的图标设置动画的脚本? 你有什么建议?因为我需要一个好的表现。

最佳答案

不要猜测,测试!说真的。只要动画 gif 的尺寸合理,我怀疑这将是一个大问题。但是,找出答案的最好方法是尝试一下。尝试使用 Chrome 或 Safari 的 Web Inspector 通过各种策略(无动画、单独文件中的动画图标、一张图像中的所有内容)来分析页面加载时间,看看哪种效果最好。如果差别不大,选择最简单的。如果性能成为问题,您可以随时更改它。

关于css - 使用动画 gif 作为 CSS Sprite 是一个好习惯吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14369868/

相关文章:

javascript - 让我的 UI 在不同的分辨率下看起来完全一样

css - 带有 bower.io 包的 Rails-assets 正在从 css 中剥离 url 路径

c++ - 扫描 std::array,向前与向后

swift - 在 Swift 中保存/存档 SKSpriteNode

c# - Umbraco 分页按钮动态类

c# - 打印出功能隐藏的元素

Python:让这段代码更紧凑?

c# - c#/perfmon 中的自定义性能计数器

CSS sprite image + background-重复它的一部分

python - pygame:图像和 Sprite 有什么区别?