返回列表 发帖

[版本发布] [原创]提高页面中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 编辑 ]
附件: 您需要登录才可以下载或查看附件。没有帐号?加入 我们

  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 编辑 ]

TOP

此等高深好东西一定是要顶的
虽讲上善若水,但是偶尔还是来句-去他妈的一切随缘吧

TOP

内存换效率?
天下无不散之筵席.

世界之窗浏览器开发计划

TOP

其实只一行也是可以的,且经试验效果相同~
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代码运行优化不起作用,可以去掉~
忆景怀甜人心醉,恋景思甜痴难追,誓作甜筒永不悔!
ttrry的QQ空间

TOP

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

TOP

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.
以上文字都是我瞎想的,因为实在无聊啊.哈哈......

TOP

再给出一个例子,以加深对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>

TOP

看了这么多.反正就是很有用咯..
虽讲上善若水,但是偶尔还是来句-去他妈的一切随缘吧

TOP

是个好插件,多谢楼主分享!

TOP

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

TOP

支持一下。。。。

TOP

返回列表