Che tipo di peso pagina / dimensioni dovrei puntando quando l'ottimizzazione per i dispositivi mobili?

Question

Sto cercando di ottimizzare l'esperienza browser mobile in un piccolo webapp, utilizzando il cellulare jQuery impressionante di farlo.

E 'ovvio che un utente non vuole DL 200k di dati, sto solo cercando di tracciare la linea tra l'utilizzo degli URL esterni e interni. C'è qualche linea guida esistente di che tipo di formati di pagina / di carico volte mi dovrebbe essere ripresa per? Preferirei di attenersi a URL interni (mantenere l'interfaccia mobile in modo efficace in un unico luogo, da un punto di vista della manutenzione), ma sono stanco di bogging l'utente verso il basso con un sacco di informazioni che non hanno alcuna intenzione di vedere.

Answer 1

Una cosa da notare è che per esempio iPhone non sarà componenti della cache più grande di 25K .

Anche in considerazione minifing e gzipping il codice. E @jfar ha ottenuto una cosa giusta. le richieste HTTP possono essere un enorme calo di prestazioni, quindi si potrebbe anche voler ridurli il più possibile.

Answer 2

Molto più importante è quello di non essere loquace tra server e client. Il ritardo può essere grande, e lo rende sensibile per il confezionamento di più insieme che si farebbe normalmente. Convalida sul server dopo ogni pressione di tasto sarebbe doloroso.

Answer 3

Le dimensioni non contano. Tempo download fa.

velocità cellulari differiscono ogni cento piedi in alcune zone, quindi non è come una certa quantità xxxk sta per essere sempre perfette.

Go per "il più piccolo possibile".

Answer 4

Secondo il W3C Mobile Web Best Practices :

• dimensioni della pagina markup <10 kilobyte
• dimensioni pagina incluso immagini <20 kilobyte

Answer 5

Vorrei dire cercare di abbassare la pagina tanto da 100kb, perché se u riescono a fare così il caricamento di pagine differenti come da richiesta dell'utente potrebbe essere trascurabile.

Tuttavia, il caricamento del grande mucchio di contenuti alla volta e utilizzando spettacolo semplice javascript e nascondere, per visualizzare il contenuto in modo quasi in tempo reale potrebbe impressionare lo spettatore troppo.

Answer 6

I raccomanderebbe di esaminare le specifiche HTML5 Cache manifesto, esso consente di definire un insieme di risorse del browser dovrebbe tenere non in linea. E 'come la vecchia cache del browser stile, ma meglio perché è controllabile.

Per dimensioni siti web per cellulari che conta, ma ciò che conta molto di più sono il numero di richieste del browser deve fare. In linea il più delle immagini nei file css come è possibile, perché ogni richiesta richiede tempo (nella mia esperienza fino a 4000ms ping!) Consolidare tutti i javascript in un unico file e inviare tutte le cose gzip compressi.

Se si desidera ottenere una sensibilità per ciò che conta in sviluppo mobile estrarre la calcolatrice e calcolare i tempi di caricamento. Make up 500ms per ogni richiesta e prendere circa 8-20 KiB / s per il tempo di caricamento in considerazione. Questo non è il caso peggiore, ma non è questo il caso migliore anche.