减少大量图像的网页加载时间

Question

目前我正在开展一个项目，我必须在一个网页上使用10000个图像。 我为每个图像指定了（width =“10”height =“10”）尺寸。 但由于页面大小，其加载时间过长。

 <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> 

请任何人帮助我如何使用此代码来减少我的加载​​时间和页面。 这是我的网页的网址http://alijavedsheikh.com/ubaid/

Answer 1

您可以使用以下命令在javascript中预加载图像：

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

这类似于将图像保存在字符串中。

Answer 2

尝试使用lazyload插件，如果你有10000个图像，10000个请求传递到网页并等待响应。 在长网页上使用Lazy Load可以加快页面加载速度。 在某些情况下，它还可以帮助减少服务器负载。 本文将为您提供帮助