Webapp su iPad 3 retina display pittura a schermo lento

Question

Ho una webapp per iPod touch e iPad. Funziona come un fascino su iPad 1 e iPad 2. Ora ho testato su un nuovo iPad (iPad 3, iPad HD qualunque sia il nome da utilizzare) e vedo che il disegno dello schermo è lento. Riesco a vedere tipi di blocchi dipinti uno per uno.

Qualcuno sa come posso ottenere il disegno dello schermo più veloce di iPad 1 e 2 anziché più lento?

MODIFICA: Bounty scadenza La taglia ha almeno dato delle risposte, sebbene non siano sufficienti per assegnare la taglia. La domanda rimane aperta.

Answer 1

Ho aggiornato un nuovo iPad (iPad 3) con iOS 6 e non vedo più il problema di rendering. Ho visto in diversi articoli che la velocità di Safari è aumentata in modo significativo. Questo guadagno di prestazioni in iOS 6 risolve il problema della mia app web.

Poiché l'iPad che utilizziamo è dedicato all'app Web, raccomanderò l'iPad 3 solo con iOS6.

Grazie per i post e le risposte!

Answer 2

Abbiamo avuto problemi simili nella nostra applicazione, e provato alcune ottimizzazioni, qui i due approcci più efficaci:

1. evitare l'uso di effetti CSS3. Abbiamo utilizzato molte ombre CSS3 nelle versioni precedenti, il che ha rallentato molto il processo di rendering su iPad 3. Dopo aver sostituito quegli effetti ombra con le immagini di sfondo, le prestazioni sono notevolmente migliorate su iPad 3.

2. Ottimizza Javascript. La nostra applicazione ha alcuni componenti scrollabili, ogni volta che l'utente fa scorrere il componente, alcuni codice Javascript verrà eseguito per eseguire alcuni lavori di caricamento, come il caricamento delle immagini in modo lazy. Su iPad 3 lo scorrimento ritarderà per 500 ms quando l'utente prova a scorrere da una pagina all'altra. Quindi abbiamo rilevato che non è stato eseguito alcun lavoro di caricamento delle immagini non necessario nella richiamata di scorrimento, dopo averli rimossi, le prestazioni di scorrimento sono accettabili.

Questi due approcci possono essere abbastanza specifici per la nostra applicazione. Spero che possano aiutarti anche tu.

Answer 3

hai selezionato viewport nella tua meta?

Sto usando

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

non ho sentito alcun sovraccarico delle prestazioni. Forse alcune parti della tua webapp hanno colpito la debolezza della visualizzazione web.

Puoi iniziare a commentare il tuo codice HTML fino a quando non trovi la tua webapp perfetta.