Mentre ci sono indubbiamente diversi fattori che incidono sulle entrate, la maggior parte degli esperti afferma che i siti di attività che caricano entro 5 secondi guadagnano quasi il doppio di quelli che lo fanno in 19, il tempo medio di caricamento del sito.
Lo studio ha inoltre rilevato che i siti che caricano entro 5 secondi hanno:
- Visibilità dell'annuncio superiore del 25%,
- 35% di frequenza di rimbalzo più bassa e
- 70% di sessioni utente più lunghe.
Questo è esattamente il motivo per cui dobbiamo concentrarci sulle soluzioni mobili per aiutare le nostre imprese a riuscire. Dopo tutto, la velocità mobile non è mai stata più importante.
$config[code] not foundLa velocità di caricamento lenta può essere davvero un problema
Secondo Google,
- 1 su 2 persone si aspetta che una pagina venga caricata in meno di 2 secondi.
- Il 53% delle visite è più probabile che venga abbandonato se la pagina impiega più di 3 secondi per essere caricata su un dispositivo mobile.
- Il 46% delle persone ha mostrato dispiacere nell'attesa che le pagine vengano caricate durante la navigazione sul Web su un dispositivo mobile.
I 3 fattori principali che rallentano i siti su Internet mobile sono il numero di richieste del server, la dimensione del file e l'ordine sequenziale degli elementi di caricamento della pagina. Quindi ora abbiamo evidenziato le cause; arriviamo alla soluzione.
Come aumentare la velocità del sito mobile
Misura e riduce al minimo il tempo di risposta del tuo server
La velocità della tua pagina mobile non dipende solo dal tuo codice, ma dipende anche da un importante strumento tecnologico chiamato server.
Maggiore è il tempo di attesa del tuo server per rispondere a una richiesta del browser, più lentamente la pagina verrà caricata sul dispositivo. La maggior parte degli esperti di Google consiglia che il tuo server inizi a trasmettere il 1st byte di risorse entro duecento millisecondi di una richiesta per un risultato più ottimale.
In genere, ci sono 3 metodi principali coinvolti nell'elevazione del tempo di risposta del tuo server:
- Miglioramento della configurazione o del software del tuo server web.
- Miglioramento dell'ambito e della qualità del servizio di hosting, in particolare assicurando di disporre di risorse di memoria e CPU adeguate.
- Ridurre il numero di risorse richieste dalle tue pagine web.
Usa CSS per caricare immagini
Se si desidera nascondere le immagini dei contenuti per gli utenti mobili, caricarle come immagini di sfondo tramite CSS e utilizzare le query multimediali per nasconderle in modo condizionale.
Una variante di questa tecnica viene utilizzata da Amazon per caricare condizionalmente immagini specifiche del dispositivo.
Riduci al minimo il numero di reindirizzamenti per aumentare la velocità della pagina mobile
I reindirizzamenti non sono altro che istruzioni in grado di portare automaticamente i visitatori del sito web da una pagina all'altra.
Ogni reindirizzamento può consumare preziosi millisecondi, con un conseguente caricamento più lento della pagina. Ciò è particolarmente problematico per i dispositivi mobili perché spesso dipendono da reti inaffidabili rispetto agli utenti desktop.
Il primo passo per risolvere questo problema è esaminare il numero di reindirizzamenti sul tuo sito utilizzando strumenti come il reindirizzatore. Se il numero è troppo grande, ridurlo a icona o, idealmente, portarlo a zero per ottenere i risultati migliori.
Minify JS e CSS Files
Più dati significa eccesso di peso della pagina. Ciò richiederà più tempo per caricare le tue pagine su un dispositivo mobile.
Questo è il motivo per cui la maggior parte degli sviluppatori web che ne valgono la pena conoscono la necessità di ottimizzare e ridurre al minimo le risorse per aumentare la velocità di caricamento della pagina.
"Minification" elimina la ridondanza senza influire sulla visualizzazione di una pagina. Una vasta gamma di strumenti di Google può aiutarti a eliminare tali ridondanze, tra cui:
- CSSNano (per CSS)
- UglifyJS (per JS)
Invece di immagini, usa CSS3
Ombre esterne, angoli arrotondati e riempimenti sfumati: tutte queste funzionalità possono essere eseguite tramite CSS, anziché immagini.
Ciò può aiutare molto a ridurre il numero di richieste HTTP, accelerando così il tempo di caricamento allo stesso tempo.
Usa gli SVG in linea invece dei file JPEG
Come gli URI dei dati, gli SVG (grafica vettoriale scalabile) possono essere incorporati in una pagina per ridurre il numero di richieste
Questi file possono essere creati su un editor di grafica vettoriale come Inkscape, Adobe Illustrator, ecc. Una volta creato, è possibile aprirlo in un editor di testo e rilasciarlo nel codice.
Nota: per incorporare un file SVG nel foglio di stile, è necessario convertirlo prima nell'URI dei dati e quindi procedere al passaggio successivo.
In modo che più o meno riassume le cose. Spero tu abbia avuto una lettura buona e illuminante.
Foto tramite Shutterstock
1
