我在谷歌PageSpeed上只有一个低得分的网站(仅约55/100),最低可达:
“在首映内容中消除渲染阻止JavaScript和CSS”
这是导致问题的移动菜单(当它被删除的分数跳到90时)
菜单代码:
<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>
custom-min.js包含:
$('#MenuToggle').click(function () {
$(this).toggleClass('cross'),
$('#jqmenu').slideToggle('slow', function () {
});
$('html, body').animate({
scrollDown: 0
}, 1000);
});
我可以推迟这一点以保持Page Speed的快乐吗?
非常感谢。
编辑:这只发生在主页上,这让我感到困惑,因为所有页面都有相同的页眉和页脚设置。