我可以讓.png不是懶加載嗎？

Question

當我點擊Bootstrap中的彈出式菜單時，需要幾秒鐘才能打開，因爲它內部已經裝滿了.png。我已經嘗試過在這裏使用.svgs，但它們一直是一個噩夢。

什麼是使這些.png文件加載頁面加載的最佳方式，以便彈出式菜單的打開是即時的？我目前在頁面的底部，這不會使點擊彈出式菜單加載速度更快。

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

Answer 1

你可以在使用之前加載png文件。 這可以在javascript中完成，或者在頁面完成加載時使用jQuery，方法是爲每個png創建一個img元素並設置src屬性。

一旦圖像下載完成，它們將在彈出窗口打開時立即可用。

請參閱this question.