IE8的 JS 引擎如此不堪？

之前给客户做了个网站，其中有这么一个功能：

文章内容中，有指向某个图片的链接，链接内容为图片名称（文字），点击之后在页面上弹出该图片显示，图片可以为png,jpg,gif等。

于是，祭出了JQuery与JQuery的插件们。弹出图片，用了blockUI，简单易用。

为了获取到图片的大小，借用了 http://www.planeart.cn/?p=1121  再谈javascript图片预加载技术 文中的代码

HTML中，做了最基础的链接，加上一个名为“image” 的css，用来做JQuery的选择器

<a href="image/pic01.jpg" class="image">图片1</a>

Js中如下写：

$(document).ready(function(){

     $('a.image').click(function(){
            var src = $(this).attr('src');
            // 之前在HTML定义了一个 #imgBox 的div作为容器
　　　　　　 //  
　　   

imgReady(src,function(){
      var w = this.width ;
      var h = this.height ;
　　$('#imgBox').html('').append($(this));
　　$.blockUI({
　　　　message: $('#imgBox'),
　　　　css: {
　　　　　　top: '50%',
　　　　　　left: '50%',
　　　　　　textAlign: 'center',
　　　　　　marginLeft: '-' + (w / 2) + 'px',
　　　　　　marginTop: '-' + (h / 2) + 'px',
　　　　　　width: (parseInt(w) + 30) + 'px',
　　　　　　height: (parseInt(h) + 30) + 'px',
　　　　　　background: 'none'
　　　　}
});

$('.blockOverlay').attr('title', '单击关闭').click($.unblockUI);

});

看起来就这么简单，用chrom和ie9测试过后，没有问题就交给了客户。可没过几天，客户反应，这些链接在IE8中点一个1，2次再点就没反应了。仔细检查代码，没发现不妥，遂找来虚拟机开始测试。

1、IE8，第一次点链接，图片很快显示，但点到几次之后，明显越来越慢，打开任务管理器，发现内存飙升很快，不会明显减少；

一个采样数据：启动：4.5MB左右，打开网页：98MB左右

点击链接弹出图片

1次：160MB，关闭后减小到128MB

2次：190MB，关闭后：159MB

3次：220MB，关闭后：189MB

后面就会一直这么上升，响应速度越来越慢..

2、Chrome，点击图片n次，都是OK的，跟了下Chrome的内存占用情况，内存也会小幅增长，但是也会恢复到之前的水平；

[我常用的是Chrome，为了测试，先用IE来编辑博客，要能够CHrome来测试。。]

打开Chrome：居然开了4个进程（xxxx），没搞懂怎么回事，打开同一个网页，然后从 任务管理器中“转到进程”，占用123MB

点击图片

#1  显示图片：转到的进程没什么变化，另外一个进程从 24MB增加到了30MB，关闭图片：30MB的进程减小都25MB

#2 显示图片：跟第一次一样，另外一个进程从24-》30MB，关闭图片，这次30MB的进程没变化

后面经过N次点击，发生变化的进程内存从30-45MB之间波动，弹出图片也很流畅

疑问：难道Chrome的JS引擎是单独一个进程？

3、IE10，使用按键精灵点击若干遍之后，内存依然平稳

IE10，打开之后，2个进程：一个13MB，一个6MB

载入网页：启动了第三个进程？（不是很明白IE10的工作模式），内存108MB

点击弹出图片

#1 内存基本没变，增加了1MB，变成了109MB，其他两个基本没变化，关闭图片：基本没变化

#2 变化依然不大

点击了几十次之后，110MB左右，几乎无波动。

------------------------------------------------------------------------------

注：测试所用的图片很小，分辨率为640*800，JPG

-----------------------------------------------------------------------------

难道IE8的JS引擎就是如此不堪？还是blockUI吃资源太严重？还是我用到的JS代码存在不合理？ 还请园子里的朋友帮忙解答..

（未完待续）