Javascript 如何优化jQuery滑块?(慢,慢)

Javascript 如何优化jQuery滑块?(慢,慢),javascript,jquery,performance,slider,responsive-design,Javascript,Jquery,Performance,Slider,Responsive Design,我已经编写了一个Javascript/jQuery脚本。它的目的是作为一个响应的背景图像滑块 可在此处查看: 我的问题是, 虽然代码功能正常,但可能会很慢/滞后。特别是当其他动画相关插件出现在同一页面上时(即nivoslider) 我见过许多类似的滑块,它们可以轻松地处理大块的图像,我很关心并想知道如何优化这些代码,使其性能更好?所讨论的javascript位于文件中 非常感谢所有的建议。 jQuery animate很少是提供动画的正确工具。看看我最近制作的这个相当做作的例子: 我建议在普通

我已经编写了一个Javascript/jQuery脚本。它的目的是作为一个响应的背景图像滑块

可在此处查看:

我的问题是,

虽然代码功能正常,但可能会很慢/滞后。特别是当其他动画相关插件出现在同一页面上时(即nivoslider)

我见过许多类似的滑块,它们可以轻松地处理大块的图像,我很关心并想知道如何优化这些代码,使其性能更好?所讨论的javascript位于文件中

非常感谢所有的建议。
jQuery animate很少是提供动画的正确工具。看看我最近制作的这个相当做作的例子:

我建议在普通浏览器中使用CSS转换,并且只使用旧浏览器中使用javascript的旧方法


这样做的一个好方法是使用类似的工具,尽管我在这方面遇到了一些问题,而是使用我自己的方法。jQuery animate很少是提供动画的正确工具。看看我最近制作的这个相当做作的例子:

我建议在普通浏览器中使用CSS转换,并且只使用旧浏览器中使用javascript的旧方法

这样做的一个好方法是使用类似的东西,尽管我对此有一些问题,但可以使用我自己的方法。

您的图像很大(1920x1200)。我想如果你的文件经过优化和预加载,它会更平滑。你的图像很大(1920x1200)。我想如果你的文件经过优化和预加载,会更加流畅。