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

]

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