在使用jquery for tablet创建的网站上优化动画

时间:2013-04-06 14:37:45

标签: jquery performance mobile-website

我有一个SPA网站,广泛使用jQuery。一切都很好 - 在所有浏览器上看起来都很棒。

现在我要求平板电脑友好。

只需在平板电脑上打开网站,最大的问题似乎是所有互动 - 选择,加载图标,淡入淡出,淡入淡出都是缓慢而不顺畅(因为它们在PC浏览器上)。

我该怎么办?我不能用另一个框架重写网站,但是如果我可以利用jquery mobile等框架提供的功能,那么我愿意接受建议。

赞赏资源链接。

1 个答案:

答案 0 :(得分:4)

简而言之,尽可能使用CSS转换。如果不是,请确保您的动画使用requestAnimationFrame。

我写了http://css3.bradshawenterprises.com/blog/jquery-vs-css3-transitions/大约一年左右,有一个人为的演示来展示差异。

https://github.com/benbarnett/jQuery-Animate-Enhanced可能只是简单地用于提高性能,但它可能会在复杂的动画上破坏您的网站。