javascript - JS 图片加载性能

Question

此站点在移动设备和笔记本电脑上的加载时间非常慢，我该如何提高 JavaScript 的性能？

http://jsfiddle.net/rajkumart08/8YK2n/embedded/result/

 Gallery = {
            _config: {
                speed: 500,
                size: 65,
                lightbox: !0,
                closeOnEsc: !0,
                animation: "default",
                slideshow: !1,
                slideshow_speed: 3E3,
                cube_speed: 1E3
            },

Answer 1

获取此 Firefox 插件:

https://addons.mozilla.org/en-us/firefox/addon/yslow/

您可以在您的网站上运行报告并找到一些有助于您诊断问题的重要信息。

更新是的，Chrome 似乎有一个 YSlow:https://chrome.google.com/webstore/detail/yslow/ninejjcohidippngpapiilnmkgllmakh?hl=en

但是，我之前并没有真正点击链接 - 完全是我的错。这些立方体有大量的动画(而且 melonJS 看起来棒极了!)。 YSlow 在一般意义上会有所帮助。但是，您可能遇到了计算机 CPU/视频卡的限制。我的下一个建议是尝试分析应用程序。在 Chrome 菜单中，转到查看 -> 开发人员 -> Javascript 控制台。然后转到配置文件选项卡并尝试各种配置选项。这将向您显示所有 CPU 资源被占用的位置，并可能让您了解应该将注意力集中在何处。

他们的网站，http://www.melonjs.org/ , 有一个论坛。我讨厌从 Stack Overflow 转移流量，但如果你在那里发布你的问题，你可能会找到更精通 melonJS 的人的回复。 Stack Overflow 上还没有 melonjs 标签，所以不幸的是，他们的专家似乎并没有潜伏在这里。

祝你好运!