当我单击 Bootstrap 中的弹出菜单时，需要几秒钟才能打开，因为里面充满了 .png。我已经尝试在这里使用 .svgs，但它们对于一致渲染来说是一场噩梦。
在页面加载时加载这些 .png 文件的最佳方法是什么，以便即时打开弹出菜单？我目前将其放在页面底部，这不会使单击弹出菜单加载速度更快。
<div style="display: hidden">
<img src="img1">
<img src="img2">
... etc ...
</div>
最佳答案
您可以在使用 png 文件之前加载它们。 这可以在页面加载完成时通过 javascript 或使用 jQuery 为每个 png 创建一个 img 元素并设置 src 属性来完成。
下载图像后，弹出窗口打开时它们将立即可用。
关于jquery - 我可以使 .pngs 不延迟加载吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46864975/