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可以加快页面加载速度。在某些情况下，它还可以帮助减少服务器负载。 This article will help you

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

2 个答案: