new Image() による画像のプリロードは本当に機能しますか? _画像特殊効果

Web ページ上で画像を交互に表示するためによく使用されます。多くの推奨される方法は、 new Image() を使用して画像をプリロードすることです。しかし、 new Image() の使用は本当に便利なのでしょうか?
テスト:
すべての /* リクエストをキャプチャするためにバックグラウンドにフィルターを置きます:
doFilter でリクエストされた URL を単純に出力します:

コード
HttpServletRequest httpRequest = (HttpServletRequest) request ;
System.out.println("リクエスト URL: " httpRequest.getRequestURI());
chain.doFilter(リクエスト、応答);

html コード:
コード

<button onclick="change()"> </button>変更<img id="im" src="ico_checked.gif" alt="new Image() による画像のプリロードは本当に機能しますか? _画像特殊効果" >
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]

URLが3回出力されていることがわかります。 HTML ページが 1 回リクエストされます。 t1.src が設定されているときに 1 回。 を 1 回実行します。
この時点でページ上の画像を変更するボタンを押しても、画像はすでにキャッシュにあるためサーバーから読み込まれないと思います。しかし、それをクリックすると、フィルターは依然として URL を出力します。 <script> var t1 = new Image(); t1.src = 'ico_unchecked.gif'; function change(){ im.src = t1.src; } </script>画像オブジェクトのsrcが変更され次第リクエストが発行されるようです。では、画像をプリロードしても無駄ではないでしょうか?