我有一个基于Joomla 2.5的响应式网站和一个Joomla51模板，手机导航菜单用于平板电脑和手机。
打开网页时，移动菜单会保持打开状态很长时间，直到页面呈现过程完成。相反，我希望在页面呈现期间关闭移动菜单：
http://quirktools.com/screenfly/#u=http%3A//www.golfanatics.de/&w=320&h=480&a=33&s=1
我可以做些什么？
答案 0 :(得分：0)
目前我看到这一点，你的模板头部有一个Google字体文件（见下文），这给了我一个400错误。
我会先解决这个问题，因为它可能会导致您的css文件延迟启动并折叠移动菜单
祝你好运！<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Arial"/>
修改
很高兴你能够解决字体文件400错误。
尽管你有一个中等复杂的CSS和JS设置，但之前尝试折叠菜单栏的建议可能有所帮助，而且我很难在实践中看到如何做到这一点。
我还可以看到其他一些我将首先解决的问题。
像YSlow或我最喜欢的WebPageTest这样的工具可以帮助确定问题所在。如果我在WebPageTest上查看您的网站，有一件事对我来说很重要，那就是主页的重量差不多是5MB，而且还在那里。
您可以减少的次数越多，页面加载速度就越快，而且会有助于菜单问题。
我要解决的第一件事是一些图像的大小。我可以看到由于某种原因加载了许多大图像，例如http://www.golfhouse.de/img/produktbilder/xxl/52418099-01-GHIE.jpg
也许你可以减少这些。
接下来，您想尝试最小化并压缩css，js和图像文件。理想情况下，您还可以将所有CSS文件合并到一个文件中，同样适用于JS脚本。像JCH Optimize这样的选项使这很容易。
您还可以考虑使用CloudFlare之类的CDN，它既可以加快您的网站速度，又可以降低服务器的负载。
我希望上述的综合效果可以帮助你的主页加载至少两倍，可能更多。
希望这有帮助！
