Как улучшить производительность прокрутки веб-приложение в WebView сетчатки устройства

Question

У меня есть iPad3 (iOS5):
я загрузить мой WebAPP HTML локально, отключить все эффект CSS3 как box-shadow и все, что я могу оптимизировать как то, что я чтобы оптимизировали сайт и т.д.
И все мои усилия фокуса на CSS/HTML (я даже не выполнять любые JavaScript), но я до сих пор не мог добраться до терпимой кадров в секунду

ли я что-то пропустил? есть это просто проблема с производительностью, например, ошибка или что-то еще в ios5?
Какова наилучшая практика для улучшения производительности прокрутки в webapp?

Answer 1

я боролся с наиболее вероятно той же проблемой (see my SO question here)

Я использую 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, а также.

Webapp on iPad 3 retina display slow screen painting