相同的javascript不同的网站,性能截然不同

时间:2011-07-20 05:22:06

标签: javascript performance

您好,并提前致谢,

* 问题 *

在两个不同的网站上使用相同的javascript,性能大不相同。我的网站偶尔会锁定整个“脚本无法控制,你想关闭它”的东西,而另一个我可以主动看到检查员更新号码。

* 问题 *

是什么原因导致我的网站变慢?我唯一能想到的是我有糟糕的GoDaddy经济托管。这是一个很好的假设,还有什么可以在两个具有相同内容的网站之间产生差异?

* 代码 *

jQuery(window).scroll(function(){

var offset = window.pageYOffset;

$('#page-1').css({
    "background-position" : "40% "+ (200 - (offset / 4))+"px"
});
$('#page-2').css({
    "background-position" : "40% "+ (300 -(offset / 4))+"px"
});
$('#page-3').css({
    "background-position" : "40% "+ (750 - (offset / 4))+"px"
});
$('#page-4').css({
    "background-position" : "40% "+ (1000 -(offset / 4))+"px"
});
$('#page-5').css({
    "background-position" : "40% "+ (1200 - (offset / 4))+"px"
});

* 标记 *

<ul id="container">
    <li id="page-1">
        <div style="position:absolute; right:50px; top:450px;"><h1>Test1</h1></div>
    </li>
    <li id="page-2">
        <div style="position:fixed; left:50px; top:-400px;"><h1>Test2</h1></div>
    </li>
    <li id="page-3">

    </li>
    <li id="page-4">

    </li>
    <li id="page-5">

    </li>
</ul>

* 旁注 *

我创建的代码不是上面的代码,我实际上是对它做了一些改进,但不知何故,给我灵感的网站仍然更快,没有改进。

* 更新 *

以下是网站,很遗憾不包含这些网站。

矿:

http://www.gam3rtech.com/work/scrollPage.php

其他:

http://www.davegamache.com/sandbox/best-of-2010/index.php

1 个答案:

答案 0 :(得分:0)

哇,所以问题是我使用的是jQuery 1.4,升级到1.4.4并且它开始像它应该的那样工作,速度非常快。

高达1.6.2,1.6.1,1.6并且它很快就停止了更新。

回到1.4.4,它仍然没有像现在这样工作。我完全不知所措。