Yav*_*rre 9 css performance gif sprite animated-gif
我有一个带有动画图标的网站,当你将鼠标悬停在它们上面时(当它们不是时,我选择一个非动画图标进入精灵),它们是动画.gif,这里是:

但我认为这可能会导致浏览器性能不佳.我可以在精灵中放置动画图标,在另一个中放置动画图标,但重点是什么?以这种方式精灵停止有用.您是否建议使用一个脚本来为精灵中放置的图标设置动画?也许?你有什么建议?我需要一个良好的浏览器性能
不要猜,测试!认真.只要动画gif具有合理的尺寸,我怀疑这将是一个大问题.但是,最好的方法是尝试一下.尝试使用Chrome或Safari的Web Inspector,通过各种策略(无动画,单独文件中的动画图标,一张图像中的所有内容)来分析页面加载时间,并查看哪种策略表现最佳.如果差别不大,请选择最简单的一个.如果性能成为问题,您可以随时更改它.