JavaScriptを使用したプリロードイメージ

Question

この質問は、2つの異なるコードの間に尋ねているので、違います。

これらの中から選択する必要があった場合は、どちらを選択するのですか？その理由は何ですか？

第一：

<script> 
    var preloadImg = new Image(266, 266); 
    preloadImg.src = 'http://via.placeholder.com/266x266'; 
</script> 

第二：あなたはJavaScriptをタグ付けとして、ここでは私の答えである

<img src="http://via.placeholder.com/266x266" style="display: none;"> 

Answer 1

：

私は

<script> 
    var preloadImg = new Image(266, 266); 
    preloadImg.src = 'http://via.placeholder.com/266x266'; 
</script> 

を好むだろう

をとして、あなたは、あなたがHTMLでそれをやった場合、あなたは不必要な手順を実行する必要があります一方、後で例えばこれのjavascriptの変数

用途に画像をキャッシュするために、preloadImg変数を使用することができます上の描画される可能性がありますキャンバス、さらに多くのものがあります - javascriptは素晴らしいです

しかし、htmlプリロードを使用する小さな理由（受け入れるべきではありません）は、javascriptのないブラウザ、またはjavascriptを無効にした場合です。オプションは純粋なhtmlです

希望します（私はjavascriptメソッドを好む）