Webapp sur l'écran Retina de l'iPad 3 peinture lente écran

J'ai une webapp pour iPod touch et iPad. Fonctionne comme un charme sur iPad 1 et iPad 2. Maintenant j'ai testé sur un nouvel iPad (iPad 3, iPad HD quel que soit le nom à utiliser) et je vois que la peinture de l'écran est lente. Je peux voir des blocs peints un par un. Est-ce que quelqu'un sait comment je peux obtenir la peinture de l'écran plus rapidement que l'iPad 1 et 2 au lieu de plus lent?Webapp sur l'écran Retina de l'iPad 3 peinture lente écran

EDIT: Bounty expiration La prime a au moins donné quelques réponses, même si elles ne sont pas suffisantes pour attribuer la prime. La question reste ouverte.

Source

2012-04-02 bart s

Même ici, avez-vous trouvé une solution au problème de performance? – Vilius

non, toujours pas de solution ici. –

J'ai le même problème en iPad3 (ios5), je remplace tout le html riche avec juste une liste ul/li simple, mais cela fonctionne toujours lentement, avez-vous résolu? – Lanston

J'ai mis à jour un nouvel iPad (iPad 3) avec iOS 6 et je ne vois plus le problème de rendu. J'ai vu dans plusieurs articles que la vitesse de Safari a considérablement augmenté. Ce gain de performance dans iOS 6 résout le problème pour mon application Web. Comme les iPad que nous utilisons sont dédiés à l'application web, je ne recommanderai l'iPad 3 qu'avec iOS6.

Merci pour les postes et les réponses!

Source

2012-09-24 10:49:59

Nous avons eu le même problème dans notre application, et essayé quelques optimisations, voici les deux approches les plus efficaces:

Évitez d'utiliser des effets CSS3. Nous avons utilisé beaucoup d'ombres CSS3 dans les versions précédentes, ce qui a beaucoup ralenti le processus de rendu sur l'iPad 3. Après avoir remplacé ces effets d'ombre par des images d'arrière-plan, les performances se sont considérablement améliorées sur l'iPad 3.
Optimisez le Javascript. Notre application a des composants scrollables, chaque fois que l'utilisateur fait défiler le composant, du code Javascript sera exécuté pour effectuer un chargement, comme le chargement d'images paresseux. Sur l'iPad 3, le défilement est retardé de 500 ms lorsque l'utilisateur essaie de faire défiler une page à la suivante. Ensuite, nous avons trouvé un travail de chargement d'image inutiles ont été effectuées dans le rappel de défilement, après les avoir enlevés, la performance de défilement est acceptable.

Ces deux approches peuvent être assez spécifiques à notre application. J'espère qu'ils pourront vous aider aussi.

Source

2012-05-23 13:43:19 ZelluX

Je l'ai testé et même si la suppression des ombres (même pas en utilisant des images) améliore légèrement la vitesse, mais pas suffisante. Toujours iPad 1 avec iOS 5.latest est plus rapide la construction de l'écran avec des ombres que le nouvel iPad sans ombres. Votre deuxième point est spécifique à votre application. J'apprécie la réponse et upvoted. –

avez-vous vérifié viewport dans votre meta?

J'utilise

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

Je ne me sentais pas frais généraux de performance. Peut-être que certaines parties de votre webapp touchent à la faiblesse de la vue web.

Vous pouvez commencer à commenter votre HTML jusqu'à ce que vous trouviez que votre webapp se passe bien.

Source

2012-05-29 04:07:05 Mickey

Je ne vois pas comment cette méta ferait une différence dans le rendu d'écran sur le nouvel iPad, mais pour ce qui vaut la peine, oui c'est réglé. Commenter le HTML jusqu'à ce que l'application se passe en douceur signifie que je dois tuer la mise en page de l'application et les options qui, bien sûr, n'est même pas une option –

Avez-vous essayé d'utiliser Instrument pour mesurer l'utilisation du processeur? Je l'utilise généralement pour mesurer l'application native mais pas essayé sur l'application web. – Mickey

J'ai comparé l'iPad 1, l'iPad 2 et le nouvel iPad l'un à côté de l'autre. Juste une vérification visuelle dit assez –

Webapp sur l'écran Retina de l'iPad 3 peinture lente écran

Répondre

Questions connexes