イメージの大量のWebページの読み込み時間を減らす

現在、私は1つのWebページで10000イメージを使用しなければならないプロジェクトに取り組んでいます。私は各画像に（width = "10" height = "10"）サイズを割り当てました。しかし、その読み込み時間はページサイズのために多すぎます。イメージの大量のWebページの読み込み時間を減らす

<div class="item" style="float:left"><div style="margin:0px 0px 0px;width:10px;height:10px"><div style="position:relative;left:0px;top:0px;width:10px;height:10px;"><a href="images/a124032643034b904d21bb1cce2f170a.jpg" target="_blank"><img border=0 width=10 height=10 src="images/a124032643034b904d21bb1cce2f170a.jpg" style="position:relative;left:0px;top:0px" /></a></div></div></div>

いずれかは私が私が私のロード時間やページを軽減するために、このコードで何ができるはずです助けてください。

var x = new Image(); 
x.src = "someurl";

は、この私たちは似た文字列内の画像を保存するには：は、ここにあなたが使用してJavaScriptで画像をプリロードすることができ、私のWebページ http://alijavedsheikh.com/ubaid/

出典

2017-03-21 ibn adam

イメージの幅と高さをhtmlに設定すると元のイメージのサイズが変更されません。 Webページに配置する前にサイズを変更する必要があります。キャッシングを使用することもできます。 – Christophvh

のURLです。

出典

2017-03-21 07:24:09

lazyloadプラグインを使用しようとすると、10000枚の画像があり、10000リクエストがWebページに渡され、応答を待っています。長いWebページでLazy Loadを使用すると、ページが読みやすくなります。場合によっては、サーバーの負荷を軽減するのにも役立ちます。 This article will help you

出典

2017-03-21 07:51:29

イメージの大量のWebページの読み込み時間を減らす

答えて

関連する問題