菜单加载速度不够快 - 如何优化？

Question

在移动设备上查看此开发网站时，菜单似乎无法快速加载，在网站顶部留下一个空白区域。 JS被加载到页眉（并缩小），而页脚中的所有其他脚本都加载，因此不确定问题或修复是什么。

非常感谢您的建议和意见。

链接：http://website-test-lab.com/sites/fm/

Answer 1

除了@atmd的回答：你正在使用JS（特别是site-scripts-min.js）来处理你的媒体查询。这就是使菜单变慢的原因。看起来它的加载速度足够快，但没有立即执行。没有全部挖掘，我的第一个猜测是它绑定到document.ready事件，这意味着它等待所有在它开始工作之前被加载。您可以重构JS以使其更早发布，或者 - 我推荐的解决方案 - 将使用CSS媒体查询而不是JS。

Answer 2

该网站在桌面上花了4秒钟，所以我可以想象它在移动设备上很慢。

我的主要减速是mp3文件。这应该在所有其他内容之后延迟加载。

此外，你有很多脚本可以组合成1/2。所有脚本都可以（也应该）加载到页脚中。我看到你正在使用wordpress，禁用你不需要的任何插件，因为它们可以真正减慢网站的速度

一旦页面的其余部分加载到doc ready上，您就可以轻松添加html元素：

$(function () {
    var audio = document.createElement('audio');

       [set up audio attributes]   

    var audioContainer = [some other div etc]
    audioContainer.appendChild(audio);
});

Answer 3

我猜测开发者控制台中的大量错误无助于加载时间。

Answer 4

我最后使用了另一个音频脚本。一个来自Code Canyon。

感谢您的帮助。