我做了一个网站,放到服务器上后,打开其他网页都很快,但有一页面有很多图,打开就很慢.是相当的慢.(我认为是等图片完全下完了才显示网页)我想做成网页很快打开,图慢慢显示出来.该怎么做呢?
[code="html"]
function loadimage(){ var context = "<img src='http://img1n.soufun.com/rent/2009_04/10/1239347088517.jpg'/><img src='http://img1.pcgames.com.cn/pcgames/0711/23/986334_11263.png'/><img src='http://t3.baidu.com/it/u=3735348141,1703380935&fm=0&gp=8.jpg'/>"; document.getElementById("images").innerHTML=context; } window.onload=loadimage;
11111111111111111111111111111111111111111111111111111111111111
加载中.....
22222222222222222222222222222222222222222222222222222222222222
[/code]
那你就把所有显示图片的地方都用js动态创建出来，在dom加载完成之后，或window.onload事件
用window.onload,来加载图片
其实主要是慢在下载图片是，用户在打一网页是，首先是把js，css，图片等都下载到本地然后再执行的，建议做一个并行下载。也就是说，把js,css,图片代码放到不同域名的服务器下。这样在打开的时候会一起下载的，否则就会出现一个一个下载，上一个下载完了才能下载下一个，打开网页很慢
要尽量避免这种大量图片显示的页面,非常耗费网络资源.
你可以通过ajax获取图片途径到本地,然后有间隔的把图片动态显示出来