목록2024/10/04 (1)

눈뜬감자의 웹개발

[JS] 이미지 로딩 지연 방지하기(Image Preload)

선결론!const loadImg = () => { const preLoadImgSrc = [ "/img/images/1.png", "/img/images/2.png", "/img/images/3.png", ]; preLoadImgSrc.forEach((arr) => { const img = new Image(); img.src = arr; });}; 이미지 프리로딩이란?이미지가 필요해지는 시점보다 미리 로드해 두어 페이지 로딩 중의 딜레이를 줄이는 데 사용됨. 특히 애니메이션이나 인터랙티브한 웹 게임에서 이미지가 자주 등장할 때 성능을 개선할 수 있음.   loadImg 함수의 장점이미지 로딩 지연 방지: 브라우저가 해당 이미지가 실제로 화면에 렌더링되기 전에 이미 다운..
JS 2024. 10. 4. 10:00
이전 Prev 1 Next 다음