Что вызывает задержку в веб-приложении HTML5 на мобильном устройстве (например, iPhone)? - PullRequest
2 голосов
/ 26 января 2011

Я занимаюсь разработкой веб-приложений для мобильных устройств, в частности для iPhone, но это обсуждение открыто для мобильных устройств в целом. Я пробовал некоторые веб-сайты HTML5 в браузере на рабочем столе и в браузере iPhone.

Пример: www.creativepony.com Если я правильно понимаю, анимация травы была сделана с использованием тега canvas HTML5, а затем с помощью javascript для создания анимации. В моем браузере на рабочем столе это выглядит хорошо и очень гладко. Однако, когда я захожу на сайт в моем браузере iphone 4 (iOS 4.1), анимация травы отстает.

Я тестировал с 3G и wifi. Они оба отстают, но 3G немного хуже.

У меня вопрос: если бы я разработал веб-приложение HTML5 + JS с богатой анимацией, что могло бы привести к задержке? Это сам процессор iPhone? или это мобильный браузер? или просто медленное интернет соединение на айфоне? или что-то еще?

Я спрашиваю, потому что кажется, что процессор iPhone 4 достаточно мощный для запуска некоторых очень впечатляющих игр. Как он не может отображать анимацию HTML5 + JS? Если подключение к Интернету медленнее, то возможность HTML5 кэширования в автономном режиме должна помочь, тем более что я хочу, чтобы мое веб-приложение могло работать в автономном режиме. Или это браузер Safari на iPhone? Или что-то совсем другое.

Еще раз спасибо!

Ответы [ 2 ]

4 голосов
/ 27 января 2011

Мобильное Safari просто не очень хорошо работает с анимацией Javascript из-за того, что он получает питание от процессора. Даже самые простые преобразования и изменения непрозрачности могут быть очень медленными.

Тем не менее, правила CSS -webkit-transition и -webkit-animation могут быть использованы для хорошего эффекта, так как они работают на GPU: результаты могут выглядеть так же гладко, как нативная анимация iOS.

0 голосов
/ 26 января 2011

Я не уверен, но я думаю, что javascript не использует GPU, поэтому игра на вашем iphone может работать гладко из-за GPU, но анимация javascript не может ... в любом случае, как я сказал, я не уверен, но вы можете взглянуть на это http://ajaxian.com/archives/javascript-running-on-the-gpu

Привет

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...