Cinque consigli per ottimizzare i siti web per dispositivi mobili

Sempre più persone navigano sui siti web da mobile. Le prestazioni sono fondamentali in questo caso.1. definire la sequenza dei datiRimaniamo sull'esempio degli elementi che cambiano durante il caricamento della pagina e del clic involontario sul link sbagliato. Questo problema può essere risolto in modo semplice e veloce: Non caricare tutti i file della pagina nello stesso momento! Definite una sequenza: prima il file Layout della paginache definisce la struttura dei contenuti. In questo modo, l'utente riconosce la struttura della pagina e sa dove appariranno i contenuti, anche se testi e immagini non sono ancora visibili. In questo modo si evita anche che gli elementi saltino da una pagina all'altra. Contenuto del testo la svolta. L'utente può ora accedere a tutti i contenuti. A questo punto il sito è già completamente utilizzabile, anche se il sito Immagini e Grafica sono ancora mancanti. Queste ultime vengono caricate alla fine, nella terza fase. Questa sequenza - layout, testo, immagine - dà ai visitatori l'impressione che la pagina si carichi più velocemente di quanto non faccia in realtà. L'utente non deve più aspettare a lungo davanti a una pagina bianca.2. eliminare i file di grandi dimensioni Per quanto riguarda la velocità: non ridimensionate i file di grandi dimensioni, anzi, dite loro addio! Per molti anni abbiamo sentito parlare del ruolo cruciale che la facilità d'uso gioca nel web design. La saggezza convenzionale vuole che le immagini dei nostri siti web si adattino automaticamente agli schermi dei cellulari. Questa visione delle cose spesso ignora il fatto che ciò ha un impatto negativo sulla velocità dei siti mobili. Il fatto che una pagina possa adattarsi alle dimensioni dello schermo non significa che sia ottimizzata per le prestazioni dei dispositivi mobili - un tipico scenario di errore: un file immagine di grandi dimensioni si adatta al display dello smartphone, ma il file originale con qualità desktop rimane enorme. Le dimensioni del file richiedono comunque un lungo tempo di caricamento. Non ha quindi senso ridimensionare le immagini desktop per i dispositivi mobili. Offrite invece diverse versioni sul vostro server: una versione con immagini di alta qualità per i dispositivi desktop e una versione più leggera con immagini a risoluzione inferiore per i dispositivi mobili.3. utilizzare una rete di consegna dei contenuti (CDN)Per accelerare ulteriormente i tempi di caricamento, vale la pena di utilizzare una rete di distribuzione dei contenuti (CDN). Un esempio: Se un utente negli Stati Uniti accede a un sito web mobile ospitato in Francia, i dati devono percorrere un lungo viaggio: il browser mobile dell'utente deve recuperare i dati dal server in Francia, che li invia fino agli Stati Uniti, rallentando il processo. Una rete di distribuzione dei contenuti accorcia il viaggio e quindi il tempo di attesa: ogni millisecondo conta quando si tratta di esperienze su Internet mobile. Con una CDN, il contenuto del sito web può essere copiato e memorizzato su diversi server in tutto il mondo. I contenuti provengono quindi da un server vicino all'utente.4. utilizzare maggiormente la cache Utilizzate la cache (memoria tampone) il più spesso possibile per salvare i dati sul vostro server o nei browser degli utenti. Questo accelera le visite successive.Cache nel server: I record di dati già calcolati vengono salvati sul vostro server, in modo che l'utente successivo che richiami le stesse informazioni possa accedere in un attimo ai risultati precalcolati.Cache del browser: Alcuni elementi statici del vostro sito mobile possono apparire uguali in diverse sottopagine, ad esempio il logo aziendale o il piè di pagina. Questi elementi possono essere salvati nella cache del browser utilizzato. Se l'utente richiama un'altra sottopagina del vostro sito mobile, gli elementi vengono caricati direttamente dalla cache, poiché sono memorizzati nel browser dell'utente.5. semplificare i tag Un altro fattore determina la velocità del vostro sito web: il numero di query richieste durante il caricamento di ogni pagina, ad esempio i tag degli annunci e dei widget. Poiché ogni richiesta aumenta il tempo di caricamento, dovreste riflettere attentamente su quali strumenti sono utili per il vostro sito web e quali no. Avete davvero bisogno di dieci diversi server pubblicitari? Mantenete solo quelli che, analizzati, si rivelano davvero utili. Semplificando i tag e le richieste, potete migliorare notevolmente le prestazioni del vostro sito mobile.L'autore In qualità di Regional Director DACH & CEE, Adrien Günther è responsabile dell'attività complessiva di AT Internet in Germania, Austria, Svizzera e nei Paesi dell'Europa centrale e orientale. Grazie all'esperienza maturata negli ultimi quattro anni come responsabile della Business Intelligence presso Plan.net, Adrien Günther torna in AT Internet ben equipaggiato. In precedenza, ha lavorato come consulente strategico di analisi web presso AT Internet per quasi tre anni. Ha lavorato anche nelle aree SEO, sviluppo dei motori di ricerca e sviluppo web.














