new Image()를 사용하여 이미지를 미리 로드하는 것이 실제로 작동합니까? _이미지 특수 효과

웹 페이지에 이미지를 번갈아 표시하는 데 자주 사용됩니다. 많은 권장 사례는 new Image()를 사용하여 이미지를 미리 로드하는 것입니다. 하지만 new Image()를 사용하는 것이 정말 유용할까요?
테스트:
백그라운드에 필터를 넣어 모든 /* 요청을 캡처합니다.
doFilter에서 요청된 URL을 간단히 인쇄합니다.

코드
HttpServletRequest httpRequest = (HttpServletRequest) request ;
System.out.println("requets url: " httpRequest.getRequestURI());
chain.doFilter(request, response)

html 코드:
code

<button onclick="change()"> </button>변화<img id="im" src="ico_checked.gif" alt="new Image()를 사용하여 이미지를 미리 로드하는 것이 실제로 작동합니까? _이미지 특수 효과" >
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

당신 url이 3번 출력되는 것을 볼 수 있습니다. html 페이지가 한 번 요청됩니다. t1.src가 설정될 때 한 번.
이때 페이지에서 이미지를 변경하기 위해 버튼을 누르면 이미지가 이미 캐시에 있어서 서버에서 불러오지 않을 것 같아요. 하지만 클릭하면 필터가 여전히 URL을 인쇄합니다! <script> var t1 = new Image(); t1.src = 'ico_unchecked.gif'; function change(){ im.src = t1.src; } </script>이미지 객체의 src가 변경되는 즉시 요청이 발행될 것으로 보입니다. 그렇다면 이미지를 미리 로드하는 것은 쓸모가 없는 것 아닌가요?