您提供的函數:
function preloadImage(url) { var img = new Image(); img.src = url; }
足以在大多數情況下預先載入圖片,如果不是的話所有,現今常用的瀏覽器。
當圖像被預先載入時,表示瀏覽器下載該圖像在後台而不將其顯示在網頁上。這可以透過減少圖像載入和顯示在頁面上所需的時間來提高效能。
preloadImage 函數的工作原理是建立一個新的 Image 物件並將其 src 屬性設為要載入的映像的 URL預先載入。這告訴瀏覽器開始下載圖像。
您提到您有一個圖片 URL 數組,您可以循環遍歷並為每個 URL 呼叫 preloadImage 函數。這將有效地預先載入數組中的所有圖像。
需要注意的重要一點是預先載入映像並不能保證它們會被瀏覽器快取。如果需要釋放內存,瀏覽器可能會決定丟棄快取中預先載入的映像。然而,在大多數情況下,預先載入將提高網頁上圖片載入的效能。
以上是JavaScript 如何有效地預先載入映像以提高 Web 效能?的詳細內容。更多資訊請關注PHP中文網其他相關文章!