为减少页面加载缓慢，应该如何处理，向高手请教

Question

我用tab的滑动门技术做了个滑动效果，其中有20多个须要滑动的选项卡，都把他写到了一个页面里了，页面选项卡的内容调用的还都是图片，这样，在打开这个页面的时候就会有些慢，有什么办法可以把这样页面优化一下啊。想了一个办法，可是没有思路
就是，这个页面在加载第一个选项卡的时候，只调用第一个选项卡的图片，当滑动到第二个选项卡的时候，再自动加载第二个选项卡中的图片如果有别的方法也可以，只要能实现优化的效果，还请高人指点

Answer 1

你的办法挺好的呀，JS根据你的tabid去读取图片名字，然后显示相关。 很多网站现在都用这个方法在实现着类似图片读取的效果的。

Answer 2

可以用ajax异步加载图片,就是加载完第一张以后,异步加载后面的图片

Answer 3

建议楼主把所有的onload方法写在body外面，那样就特别快了，我就是这样写的,在</body>写<script>hh();
</script>
这样应该就可以了

Answer 4

http://www.yeeyan.com/articles/view/61966/43632
到这里面看看，有没有你想要的效果

Answer 5

用ajax技术，比如成熟的jQuery框架。
[注明]你这个例子有点不好写，主要是代码量太大。
思路是有的：
    你用的是tab，那么你在window.onload = function(){//your code}中(jQuery的$(function(){//your code});写上你的第一个tab页面的图片加载，至于后面的好几个tab的资源暂时不要去管他。当用户点击第二个tab的时候，利用ajax请求，发送参数到后台，告诉后台你在对tab2进行操作，然后后台返回tab2页面的各个图片的url，利用js进行<img src=""/>中的src属性赋值。至于tab3、tab4都可以这么做。
这样，每次用户打开的页面，其实只是第一次加载了资源，如果不点击其他tab，是不会加载资源的。这样你的网页的速度就会大幅明显提高。
--- 仅供参考 --- 呵呵，因为没给出你代码，我也不好意思要分。

Answer 6

这方法是可以的，jquery第一次加载第一个，后面的能过url读取的话，应该不会太慢。

Answer 7

其实你加载慢主要的原因是请求数太多，最简单的方法就把tab 20个图片，弄成一张图，用css sprite 方式来读取，请求数变少了，自然loadtime就降低了。