页面javascript加载缓慢

我有这个javascript代码

var i=1； var Imgt2e10=Array.applynull，新的Array10.mapfunction{ var img=新图像； img.src=img/t2/t2e10/+i++.jpg 返回img }; 函数RollOvert2e10i{ document.t2e10.src=Imgt2e10[i].src； } var i=1； var Imgt2e2=Array.applynull，新的Array10.mapfunction{ var img=新图像； img.src=img/t2/t2e2/+i++.jpg 返回img }; 函数RollOvert2e2i{ document.t2e2.src=Imgt2e2[i].src； } var i=1； var Imgt2e3=Array.applynull，新的Array10.mapfunction{ var img=新图像； img.src=img/t2/t2e3/+i++.jpg 返回img }; 函数RollOvert2e3i{ document.t2e3.src=Imgt2e3[i].src； } 这些代码的每一位都适用于一个图像。在本例中，我有3张图片，但在我的网站中，我有50多张图片，加载网页的时间太长

是因为我一遍又一遍地重复代码，还是因为我同时加载了太多小jpg的图像

如何使此代码更短、更优雅？或者至少加载速度更快

---

感谢您的帮助

正如我们前面所讨论的，图像的大小肯定会导致速度减慢。现在，对于一些不那么麻烦的JS代码，我建议如下：

function Loader (basename)
{
    this.image = {};
    this.basename = basename;
}

Loader.prototype = {
    load: function (name)
    {
        this.image[name] = new array(10);
        for (var i = 0 ; i != 10 ; i++)
        {
            this.images[name][i] = new Image ();
            this.images[name][i].src = "img/"+basename+"/"+name+"/"+i+".jpg";
        }
    },

    rollover: function (name, index)
    {
        document[name].src = image[name][index].src;
    }
}


var loader = new Loader("t2"); // create a loader for the t2 folder

loader.load ("whatever"); // load an image collection
loader.rollover ("whatever", 5); // roll over to the 5th image

---

你要加载的图像有30张。。。不是3。以一种非常奇怪的方式。很明显，装载需要时间。JavaScript执行时间总共只有几毫秒。你检查过所有这些JPEG的大小了吗？你可能想再压缩一点。@Rudie是的。。。对于我在悬停上显示的每一张图像，我都使用了图像地图。图片的数量是问题所在吗？谢谢你@kuroineko。我会尽量压缩它们。我仍然觉得所有这些javascript代码的重复都是不必要的……事实上，您可以改进javascript位，但这可能不是速度放缓的原因。