我有一個影像，我想在我的頁面加載時作為第一件事加載。目前我有一個帶有 src 的 img 標簽，但它是異步加載的，我如何確保瀏覽器在進一步渲染頁面之前加載我的影像？
uj5u.com熱心網友回復：
一個簡單的解決方案是使用 preload 屬性<link>：鏈接型別：preload。正如我所讀的那樣，內容準備就緒并不是受讓人，但也許它適合您的情況。
這是一個例子：
<head>
<link rel="preload" href="https://via.placeholder.com/450" as="image"/>
</head>
<body>
<img src="https://via.placeholder.com/450" />
</body>uj5u.com熱心網友回復：
我做過類似的事情......
我有一個“啟影片面”（你可以使用一個簡單的白色 div 來模擬不渲染......）在 js 中獲取 img，然后洗掉你的啟影片面......
在 js 中獲取 img 將 img 加載到瀏覽器快取中......所以當你的 DOM 顯示 img 時，她已經在瀏覽器快取中......
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/492515.html
標籤：javascript css 图片 svg