스크롤 할 때 이미지가 깜박입니까? (게으른로드를 사용하지 않고)

Question

내 각형 어플리케이션에는및 ~ 600 이미지가있는 페이지가 있습니다.

각 이미지 크기는 거의 40-50kb이며 스크롤 이미지에서는 크롬에서만 이미지가 깜박입니다 (이미지 참조). 이미지에 lazyload 라이브러리를 사용하지 않습니다.

이유는 무엇이며 어떻게 해결할 수 있습니까? 사전에

감사합니다.

Answer 1

나는 그냥 대답

const preloadImages = (urls) => 
    Promise.all(urls.map(url => 
    new Promise(resolve => { 
     const img = new Image(); 
     img.onload =() => resolve(img); 
     img.onerror =() => resolve(img); 
     img.src = url; 
    }) 
));