javascript - 隐藏或删除 html 加载器？

Question

我们与同事讨论了这个主题...使用 JavaScript 在 HTML 中隐藏/显示或添加/删除 GIF 加载器是否更好？我们来到了这里:

隐藏/显示优点:

• 显示加载器不需要使用 JavaScript 创建它，因此它应该更快；可以忽略不计吗？
• 更简单
• GIF 图片随时可用

添加/删除专家:

• 删除加载器(即 DOM 元素)应该可以加快 DOM 元素的查询/使用速度
• 如果您的网站有很多加载程序，下载速度可能会较慢；可以否定使用 HTML5 应用程序缓存吗？
• 延迟加载 - 仅在必要时才下载 GIF 图片

还有更多优点/缺点吗？如何使用 GIF 加载器？您推荐哪种技术？让我们假设两种情况: 页面上有多个加载器... a.) 使用单个 GIF 图片 b.) 使用更多 GIF 图片

Answer 1

根据我的经验，隐藏和显示是更好的方法，因为它不会扰乱 DOM。可能没有任何性能优势，但如果您将其从 DOM 中删除然后稍后重新添加，则可能会丢失 JS 事件绑定(bind)，除非使用 jQuery 的 .on() 事件处理程序。

我还想补充一点，虽然 GIF 是大多数浏览器长期支持的功能，但 CSS 动画可以创建更平滑的加载指示器，并且文件大小也更小。