2011-11-30 16 views
5

Su un computer le animazioni medie funzionano molto bene. Su iPad, tuttavia, le animazioni jQuery come la dissolvenza in apertura (opacità da 0 a 1 su 0,5 sec) dell'immagine 1920x1200px sembrano in ritardo.Come migliorare le prestazioni del sito Web su iPad/iPhone?

C'è un modo per accelerare? Qualche accelerazione? Forse dovrei disabilitare il processore che consuma script jQuery per iPad? Ci sono dei consigli durante la codifica anche per iPhone/iPad?

Direi anche che sugli iPhone precedenti è molto più lontano.

UPDATE: la risposta è CSS3.

+2

Tutto dipende dal processore. Dagli compiti più leggeri. Non c'è bisogno di includere un'immagine ad alta risoluzione, renderla più piccola. –

+0

È un ottimo design, ma in realtà ho avuto un po 'di agitazione nel mio macbook pro di 2 anni. Sono d'accordo con Topener. –

+1

Un Mac Pro 8 core con gli ultimi chug di Chrome su quel cassetto laterale. Qualunque cosa tu stia facendo qui è ridicolmente costoso anche per un desktop. – adamp

risposta

6

In esecuzione Chrome -> Strumenti di sviluppo -> I controlli mostrano molti miglioramenti che è possibile apportare senza modificare nulla sull'aspetto del sito. Dopo aver completato questi, provare di nuovo, poi guardare le cose come un minor numero di piastrelle su iOS/Android, ecc ...

Sembra un fattore di almeno 4 lì, probabilmente più ...

- Tom

+0

+1: non ero a conoscenza dello strumento Audits integrato in Chrome. Molto carino! – jfriend00

+0

Grazie! In effetti, è utile. Ho già ridotto il numero di animazioni, in particolare le animazioni di opacità e mi sono liberato di immagini davvero grandi. Continuerò a migliorare. – Atadj

Problemi correlati