如何为移动设备优化高度详细的jQuery动画

Question

我正在开发一个没有BoilerPlate的项目，现在它使用了许多jQuery动画，例如几个元素的paralax和背景中20个小的.png云图像的移动（制作云时间 - 失败）在移动设备上运行非常缓慢和迟缓。我想在桌面和移动环境中使用相同的UX。我正在使用mediaQueries为较小的屏幕使用较小的图像/元素，但这似乎并没有像我想象的那样优化移动性能。我熟悉HTML5-Boilerplate和BP-Mobile，但我不确定是否有人能解决我的问题。

如何让这些特效在手机上流畅运行？

Answer 1

我会试着看看CSS3动画是否有任何效果。与CSS3相比，jQuery animate具有严重的性能缺陷。即使在普通电脑上，它也会更加顺畅。