브라우저에서 웹사이트를 최초화면이 뜰때 이미지는 늦게 뜨는데요.
이는 이미지가 화면에 노출되는 시점이 아니면 로드를 하지 않기 때문입니다.
이러한 부분을 최적화할려면 중요한 이미지를 먼저 로드하는 것입니다.
자바스크립트 Image 객체를 사용해서 src 프로퍼티에 이미지 경로를 넣으면 네트워크 요청을 합니다.
다만 매번 네트워크 요청을 보내기 때문에 사용하는 이미지에 캐시가 제대로 걸려 있는지를 확인해야 합니다.
그리고 너무 많은 이미지를 로드하는 건 성능에 영향을 줄 수 있습니다.
