javascript - 当页面上存在透明 PNG 时，站点上的所有 Javascript 在 Firefox 4 中执行得非常慢

Question

ETA 更新:我发现如果我从我的站点中删除所有透明的 .png 文件，大约有 5 个，它运行良好。这很奇怪。赞成票会很有帮助，我在多台计算机上对其进行了测试，4/15 有这个问题。谢谢!有什么想法吗？

在 PC Firefox 和所有其他浏览器上运行良好，但在 4/15 计算机上的 Mac Firefox 上，Javascript 非常慢，特别是菜单栏。我在站点外对它们进行了测试，它们工作正常。这个问题好久了，不知道怎么解决。已更新，如果我从站点中删除透明 PNG，问题就会消失，例如左上角的横幅。

我的网站:http://thenozzle.net/

所有的 javascript 都比其他浏览器慢一点，两个最大的是菜单栏和视频播放器。我现在不能忽视它。

我想知道它是否是 wordpress 添加的东西，因为 js 在其他地方工作正常。

有什么想法吗？

预计到达时间:这是我的 JS 文件:

http://thenozzle.net/wp-content/themes/twentyten/scripts.js

预计到达时间:这是我的菜单栏代码

$(function() {
    $('#sdt_menu > li').bind('mouseenter',function(){
        var $elem = $(this);
        $elem.find('img')
             .stop(true)
             .animate({
                'width':'170px',
                'height':'170px',
                'left':'0px'
             },400,'easeOutBack')
             .andSelf()
             .find('.sdt_wrap')
             .stop(true)
             .animate({'top':'140px'},500,'easeOutBack')
             .andSelf()
             .find('.sdt_active')
             .stop(true)
             .animate({'height':'170px'},300,function(){
            var $sub_menu = $elem.find('.sdt_box');
            if($sub_menu.length){
                var left = '170px';
                if($elem.parent().children().length == $elem.index()+1)
                    left = '-170px';
                $sub_menu.show().animate({'left':left},200);
            }
        });
    }).bind('mouseleave',function(){
        var $elem = $(this);
        var $sub_menu = $elem.find('.sdt_box');
        if($sub_menu.length)
            $sub_menu.hide().css('left','0px');

        $elem.find('.sdt_active')
             .stop(true)
             .animate({'height':'0px'},300)
             .andSelf().find('img')
             .stop(true)
             .animate({
                'width':'0px',
                'height':'0px',
                'left':'85px'},400)
             .andSelf()
             .find('.sdt_wrap')
             .stop(true)
             .animate({'top':'25px'},500);
    });
});

Answer 1

我建议您可能有一些轻微损坏的 PNG。

建议您尝试以下操作:从 photoshop 中重新保存 PNG。同时保存 PNG-24 和 PNG-8。测试。

我以前见过 PNG 保存不正确。

我在两台 macbook pro 上测试了该网站，一台是 core duo 2，另一台是 core duo。两者都运行良好，即使在播放视频时菜单也非常灵敏。

假设您在“可疑 mac 电脑”(即创建新帐户并经过测试)的其他答案中列出了其他步骤，那么我认为您需要查看还有什么让这些 Mac 与众不同？什么版本的 OS X？什么型号(即 macbook vs Macbook pro vs Air 等)