Фоновое изображение на iPhone 4 заставляет веб-приложение работать медленно

Question

Я портирую один из своих проектов на iPhone 4.

Это приложение Sencha Touch, запущенное через обертку PhoneGap (что означает UIWebView).На iPhone 3 (GS) и симуляторе все работает довольно гладко.Но на iPhone 4 (мы тестировали на нескольких телефонах) правило css для фона панели делает все приложение очень медленным, включая прокрутку и переходы между вкладками:

background-image: url(../images/background/main_panel__background.png); /*320x317*/

Это вызывает заикания и лаги.

Я пытался преобразовать изображение в JPEG и заменить его - все равно ничего не помогает.

Что бы это могло быть?Я знаю, что движок рендеринга WebKit выполняет некоторое масштабирование (1x1 -> 2x2) для обеспечения высокого разрешения дисплеев «Retina», но почему это вызывает такое замедление?

Спасибо.

Answer 1

Я обнаружил ту же проблему с фоновым изображением, и я не уверен, что может быть причиной.На самом деле я подозревал, что альфа моего png вызывает проблему, но, видимо, у вас это тоже было с jpg ... А пока я убираю картинку.Мы могли бы использовать CSS, чтобы удалить его только для iPhone ...