Javascript 消除导致页面速度低的呈现阻塞JS-移动菜单
我在Google PageSpeed上有一个低得分的网站,仅适用于手机(约55/100),具体如下: “消除折叠内容上方的渲染阻塞JavaScript和CSS” 导致问题的是移动菜单(当它被删除时,分数跳到90分) 菜单代码:Javascript 消除导致页面速度低的呈现阻塞JS-移动菜单,javascript,jquery,pagespeed,Javascript,Jquery,Pagespeed,我在Google PageSpeed上有一个低得分的网站,仅适用于手机(约55/100),具体如下: “消除折叠内容上方的渲染阻塞JavaScript和CSS” 导致问题的是移动菜单(当它被删除时,分数跳到90分) 菜单代码: <div id="mobile-header"> <a id="MenuToggle" class="menu-button" href="javascript:void(0)"> </a> </div
<div id="mobile-header">
<a id="MenuToggle" class="menu-button" href="javascript:void(0)"> </a>
</div>
我可以推迟这一切,以保持页面速度快乐吗
非常感谢
编辑:这只发生在主页上,这让我很困惑,因为所有页面都有相同的页眉和页脚设置。为什么不在你这边做一些测试呢?我已经做了两个小时了。我被难住了。谷歌刚刚回复说,问题通常是文件加载到头部而不是身体上方。上面的折叠通常适用于页面加载时可见的部分,不需要滚动即可查看内容。您可以异步加载文件,也可以将样式内联到页面的该部分。在你的情况下,你可能两个都要做。你为什么不做一些测试呢?我已经做了两个小时了。我被难住了。谷歌刚刚回复说,问题通常是文件加载到头部而不是身体上方。上面的折叠通常适用于页面加载时可见的部分,不需要滚动即可查看内容。您可以异步加载文件,也可以将样式内联到页面的该部分。在你的情况下,你可能必须同时做这两件事。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="/js/min/custom-min.js"></script>
$('#MenuToggle').click(function () {
$(this).toggleClass('cross'),
$('#jqmenu').slideToggle('slow', function () {
});
$('html, body').animate({
scrollDown: 0
}, 1000);
});