我有一个 iPad3(ios5):
我在本地加载我的 webapp html,我禁用了所有的 css3 效果box-shadow
,我可以优化的所有东西,比如我用来优化网站的东西等等。
我所有的努力都集中在 css/html(我不'甚至不执行任何javascript),但我仍然无法达到可容忍的fps
我错过了什么吗?这只是一个性能问题,比如 ios5 中的错误或其他问题吗?
提高 webapp 滚动性能的最佳实践是什么?
我有一个 iPad3(ios5):
我在本地加载我的 webapp html,我禁用了所有的 css3 效果box-shadow
,我可以优化的所有东西,比如我用来优化网站的东西等等。
我所有的努力都集中在 css/html(我不'甚至不执行任何javascript),但我仍然无法达到可容忍的fps
我错过了什么吗?这只是一个性能问题,比如 ios5 中的错误或其他问题吗?
提高 webapp 滚动性能的最佳实践是什么?
我一直在努力解决很可能是同样的问题(请参阅我的 SO 问题)
我确实使用 iScroll,最近我在 iOS6.1.3 中遇到了另一个性能问题,但 iScroll 本身。我能够通过显式添加css
以在 iScroll 上获得硬件加速来解决它。
我使用了一个特定的页面id
来分配,css
但你可以自己决定在哪里添加它,如果它也对你的情况有帮助的话。
CSS:
#myid * {
-webkit-transform: translate3d(0, 0, 0);
}
我的 iscroll 使用这些类s-scrollwrapper
,s-scrollpane
这可能是添加 css 以强制硬件加速的更好选择。那么css
将是
.s-scrollwrapper * {
-webkit-transform: translate3d(0, 0, 0);
}
或者
.s-scrollpane * {
-webkit-transform: translate3d(0, 0, 0);
}
希望这也可以帮助您提高 iOS5 的速度。