当页面上出现透明PNG时,网站上的所有Javascript在Firefox 4中执行速度非常慢

alt*_*alt 8 javascript wordpress optimization performance firefox

ETA UPDATE:我发现如果我从我的网站上删除所有透明的.png文件,大约有5个,它运行正常.这很奇怪.向上投票会非常有帮助,我在几台计算机上进行了测试,并且4/15有这个问题.谢谢!有任何想法吗?

在PC Firefox和所有其他浏览器上运行良好,但在Mac Firefox中的4/15计算机上,Javascript非常慢,尤其是菜单栏.我在网站外测试了它们并且它们工作正常.这已成为一个持续存在的问题很长一段时间,不知道如何解决它.更新后,如果我从网站上删除透明PNG,问题就会消失,就像左上角的横幅一样.

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

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

我想知道是否是wordpress正在添加的内容,因为js在其他地方工作得很好.

有任何想法吗?

ETA:这是我的JS文件:

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

ETA:这是我的菜单代码

$(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);
    });
});
Run Code Online (Sandbox Code Playgroud)

sti*_*mpy 2

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

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

我以前见过这种情况,PNG 保存得不太正确。

我在两台 MacBook Pro 上测试了该网站,一台是 Core Duo 2,另一台是 Core Duo。两者都运行良好,即使在播放视频时菜单也非常敏感。

假设您在“可疑 Mac”上的其他答案中列出了其他步骤(即创建了新帐户并进行了测试),那么我认为您需要看看还有什么使这些 Mac 与众不同?OS X 的版本是什么?型号是什么(即 MacBook 与 Macbook Pro 与 Air 等)