イメージの前にJSをロードできますか？

Question

jsを最初にロードし、イメージを2番目にロードします。理由：青いロールオーバーの影響をすぐに適用したい。最終的には現在このページの画像が2倍になるため、最終的にはユーザーエクスペリエンスの問題が大きくなります。

アイデア？

http://www.rollinleonard.com/elements/

Answer 1

あなたのJSと画像の両方がHTML（あなたは典型的な<script type="javascript" src=...>と<image src=...>タグを使用しているという意味）から直接リンクされている場合は、ロード順序は完全にユーザーのWebブラウザに任されて（限り知っている）。

ロード順序を制御するために、あなたの最高のチャンスは、例えば、通常のあたりにはJavaScriptをロードし、後で画像を読み込むためにDOMを操作するためのカスタムJSを持つことです。

var myDiv = document.getElementById("myImageHoldingDiv") 
    , img = new Image(); 
img.onload = function() { 
    myDiv.appendChild(img); 
} 
img.src = myImageUrl;