消除渲染阻塞JS - 移动菜单导致低页面速度得分

时间:2016-01-15 11:06:21

标签: javascript jquery pagespeed

我在谷歌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>

custom-min.js包含:

    $('#MenuToggle').click(function () {
    $(this).toggleClass('cross'),
    $('#jqmenu').slideToggle('slow', function () {
    });

    $('html, body').animate({
        scrollDown: 0
    }, 1000);
});

我可以推迟这一点以保持Page Speed的快乐吗?

非常感谢。

编辑:这只发生在主页上,这让我感到困惑,因为所有页面都有相同的页眉和页脚设置。

0 个答案:

没有答案