jquery - 优化使用平板电脑的 jquery 创建的网站上的动画

Question

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

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

仅通过在平板电脑上打开网站，最大的问题似乎是所有交互 - 选择、加载图标、淡入、淡出都是缓慢且不流畅的（就像它们在 pc 浏览器上一样）。

我能做什么？我负担不起使用其他框架重写网站的费用，但如果我可以利用 jquery mobile 等框架提供的功能，我愿意接受建议。

资源链接表示赞赏。

Answer 1

简而言之，尽可能使用 CSS 过渡。如果不是，请确保您的动画使用 requestAnimationFrame。

我写了http://css3.bradshawenterprises.com/blog/jquery-vs-css3-transitions/一年左右，其中有一个人为的演示来显示差异。

https://github.com/benbarnett/jQuery-Animate-Enhanced可能可以简单地加入以提高性能，尽管它可能会在复杂动画上破坏您的网站。