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)
我建议你可能有一些轻微损坏的 PNG。
建议您尝试以下操作:从 Photoshop 中重新保存 PNG。保存 PNG-24 和 PNG-8。测试 。
我以前见过这种情况,PNG 保存得不太正确。
我在两台 MacBook Pro 上测试了该网站,一台是 Core Duo 2,另一台是 Core Duo。两者都运行良好,即使在播放视频时菜单也非常敏感。
假设您在“可疑 Mac”上的其他答案中列出了其他步骤(即创建了新帐户并进行了测试),那么我认为您需要看看还有什么使这些 Mac 与众不同?OS X 的版本是什么?型号是什么(即 MacBook 与 Macbook Pro 与 Air 等)
| 归档时间: |
|
| 查看次数: |
2374 次 |
| 最近记录: |