javascript - 加载空白图像是否比多个 if 语句更快？

Question

我的网页使用了很多 (1000+) gif 并使用 'if' 和 'getElementbyId' 显示不同的 gif，如果我放弃 if(map(x,y)!=0){... 来更改scr 并且只使用了透明的 gif？

谷歌搜索，但这是一个很难说的问题，如果发布了相同/相似的内容，请指出我那里。

非常感谢

Answer 1

创建一个带有图像的对象池并在初始化步骤中加载它们。如果需要，批量加载它们并使用新图像扩展池。

加载图像时显示微调器。它将第一次加载很长时间，之后浏览器会将它们放入缓存中。

如果您有机会将不同的小图像组合成一个（精灵），那就去做吧！因为加载一张大图像更快，然后加载很多小图像。

Answer 2

首先，您谈到了 getElementById，它是javascript的一部分——一种客户端脚本语言，所以这不是一个值得担心的大理由。

• 你说1000 多 .gif张图片。
• Sprites在这种情况下使用的概念
• 这将允许您一次下载所有图像。
• 这也将减轻您服务器的一些下载负担。

要使用 sprite 技术，请访问此链接，我相信这就是您所需要的。