Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/algorithm/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 消除导致页面速度低的呈现阻塞JS-移动菜单_Javascript_Jquery_Pagespeed - Fatal编程技术网

Javascript 消除导致页面速度低的呈现阻塞JS-移动菜单

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)">&nbsp;</a> </div

我在Google PageSpeed上有一个低得分的网站,仅适用于手机(约55/100),具体如下:

“消除折叠内容上方的渲染阻塞JavaScript和CSS”

导致问题的是移动菜单(当它被删除时,分数跳到90分)

菜单代码:

<div id="mobile-header">
     <a id="MenuToggle" class="menu-button" href="javascript:void(0)">&nbsp;</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);
});