我可以让 .pngs 不延迟加载吗？答案

【问题标题】：Can I make .pngs not lazy load?我可以让 .pngs 不延迟加载吗？
【发布时间】：2018-04-02 13:29:40
【问题描述】：

当我单击Bootstrap 中的弹出菜单时，它需要几秒钟才能打开，因为其中的 .pngs 已满。我已经尝试过在此处使用 .svgs，但要始终如一地渲染它们是一场噩梦。

让这些 .png 文件在页面加载时加载的最佳方法是什么，以便立即打开弹出菜单？我目前在页面底部有这个，它不会使单击弹出菜单的加载速度更快。

<div style="display: hidden">
    <img src="img1">
    <img src="img2">
    ... etc ...
</div>

【问题讨论】：

【解决方案1】：

您可以在使用 png 文件之前加载它们。这可以在 javascript 中完成，也可以在页面完成加载后使用 jQuery 完成，方法是为每个 png 创建一个 img 元素并设置 src 属性。

图像下载后，将在弹出窗口打开时立即可用。

【讨论】：