いくつかの画像を含む Web サイトを持っています。このため、モバイル インターネット接続のみを備えたモバイル デバイスでは、ページの読み込みが遅くなる可能性があります。だから、私の質問は次のとおりです。ページがロードされたときに、デバイスに応じて小さいまたは大きい異なる画像を割り当てることが解決策になるでしょうか?
例 最初に、dom 内の私の img は次のようになります。
<img src="" id="img1" alt="img1" />
そして、head にスクリプトを追加します。
$(document).ready(function () {
loadImg();
})
loadImg 関数は次のようになります。
if((window.screen.availHeight < 1234)&&(window.screen.availWidth < 1234))
document.getElementById("img1").src = "small";
else
document.getElementById("img1").src = "big";