[版本发布] [原创]提高页面中JS脚本执行效率的插件 脚本, 效率, 插件, 页面, 原创

杂草

这个插件是自动运行的,不需要显示.
但是插件本身不能定义不显示,所以只能手动在"自定义状态栏"里删除这个插件的图标

测试:


使用本插件前:


使用本插件后:





插嘴 by 小絮
这个插件可以用过滤规则来实现：

1. #ex#<\/head>([\r\n]+)###<script language="Javascript">/*@cc_on eval(function(props){var code=[];for(var i=0;i<props.length;i++){var prop=props;window['_'+prop]=window[prop];code.push(prop+'=_'+prop)}return 'var '+code.join(',');}('document top setInterval clearInterval setTimeout clearTimeout alert confirm prompt open close showModalDialog showModelessDialog'.split(' '))); @*/</script>$1</head>$1

复制代码

这样就可以不显示图标和解决刷新后无效的问题了。

再插一嘴 by 杂草
不好意思，改了一下，因为放在</head>之前才能起到最大作用。
注1：用过滤规则的方法，对本地网页无效，比如D:\test.htm。
注2：是不是应该捧一下我那篇“另类插件”...

改进 by 杂草
1.原来的过滤规则会导致某些网页不能正常显示，比如QQ空间，163.com无法写邮件等......
  在这之前用白名单方式暂时解决这条规则的冲突的，可以去掉相关的白名单了。
2.另加一条加速背景图的规则。
  IE对于<img>的图，会自动判断本地缓存，但是对于css中的background-image的背景图就每次都是重新下载。

1. #ex#<\/head>([\r\n]+)###<script language="Javascript">try {document.execCommand("BackgroundImageCache", false, true);} catch(e) {}</script>$1</head>$1

复制代码

[ 本帖最后由 杂草 于 2009-2-20 21:23 编辑 ]

xlez

1. eval(
   
2.     function(props)
   
3.     {
   
4.         var code = [];
   
5.         for (var i = 0; i < props.length; i++)
   
6.         {
   
7.             var prop = props;
   
8.             window['_' + prop] = window[prop];
   
9.             code.push(prop + '=_' + prop)
   
10.         }
    
11.         return 'var ' + code.join(',');
    
12.     }
    
13.     ('document self top parent setInterval clearInterval setTimeout clearTimeout alert confirm prompt open close showModalDialog showModelessDialog'.split(' '))
    
14. );

复制代码

上面是什么意思啊？好像绕了一圈又用 var 重命名？
theworld本来就是ie内核，为什么还要条件编译？
望高手指点。
还有就是eval,直接不就完了？window['_' + prop] = window[prop];

[ 本帖最后由 xlez 于 2008-1-26 02:36 编辑 ]

81635631

此等高深好东西一定是要顶的

needed

内存换效率?

ttrry

其实只一行也是可以的，且经试验效果相同~
SpeedUpJS.htm中内容：
<script language="Javascript">
/*@cc_on _d=document;eval('var document=_d')@*/
</script>
听别人说可以提高JS运行速度5倍，但我在我的机器上试验可提高10倍左右~！

原理说明：
首先，IE里document就这样直接被调用的话被执行的是window 对象的内部函数，而这个比较低效的。根据这一点，下面的处理可以提高速度：
var doc = document;

document; // 慢
doc; // 这个比上面的（document）快

虽然像上面那么写可以直接使用，但是之前用到document的地方都要去替换，这个有点麻烦了点吧。所以，看下面的：
var doc = document;
var document = doc;
可以实现的话那就太好了……

了解JavaScript的人应该知道，JavaScript的变量是在最开始的时候就生成的，所以这里的document就变成了undefined了。
没关系，继续改进~
var doc = document;
eval(’var document = doc’);

eval的作用就是在作用域范围内改变变量，这样的话，后面的document就可以被正常使用了。
最后，加上只有在IE内有效的条件，就像下面这样就可以了~
/*@cc_on
var doc = document;
eval(’var document = doc’);
@*/

所以，如下面，document以外的全局变量也可以用上面的方法，起到加速的作用。
/*@cc_on
eval((function(props) {
var code = [];
for (var i = 0 l = props.length;i<l;i++){
var prop = props;
window[’_'+prop]=window[prop];
code.push(prop+’=_’+prop)
}
return ‘var ‘+code.join(’,');
})(’document self top parent alert setInterval clearInterval
setTimeout clearTimeout’.split(’ ‘)));
@*/

“alert confirm prompt open close showModalDialog showModelessDialog”这句对JS代码运行优化不起作用，可以去掉~

def

虽然不太懂这个JS效率，但是直觉告诉我这是个好插件，顶了之后马上下下来用！

杂草

xixi,终于有人google到这篇东西了

1.
对于var doc = document
doc是document对象的引用,而不是克隆,
所以这段代码只是占用很少量的内存.

2.
对于alert("aaa"),其实这是简写的,完整的代码是window.alert("aaa")
document.all.field1.value = "aaa"也是简写,完整的写法是window.document.all.field1.value = "aaa"
可以看到JS大量访问window对象(有一些类除外,比如Math, String, RegExp)
window这个对象太大了,访问起来很费劲,
所以把常用的window对象的属性和方法,在页面中定义一个引用型的变量,以加快调用.

3.
var document = window.document这种写法,用同名的变量覆盖window属性/方法,
不是必须的,也可以var doc = window.document
但是这种同名覆盖的写法,可以使这段代码当作外挂来使用,直接作用在原有的JS脚本上面.

4.
以上文字都是我瞎想的,因为实在无聊啊.哈哈......

杂草

再给出一个例子,以加深对window对象的印象

<script>
var s;

var date = new Date;
for (var i = 0; i < 100000; i++) s = "ss";
alert(new Date - date);  //79

date = new Date;
for (var i = 0; i < 100000; i++) window.s = "tt";
alert(new Date - date);   //735

alert(s);   //tt(注意:不是ss)
</script>

81635631

看了这么多.反正就是很有用咯..

wdpfox

是个好插件，多谢楼主分享！

sky5

在IE中据说appendchild比innerHTML要快很多倍，还有对比测试呢

Smin

支持一下。。。。