1. Introduzione - Come migliorare la velocità delle pagine mobili
Volete migliorare la velocità della pagina mobile? Alla fine del 2019, i dispositivi mobili rappresentavano circa il 52,6% di tutto il traffico globale dei siti web. Non sorprende quindi che la velocità della pagina mobile sia uno dei fattori di ranking di Google per la SEO.
Nel luglio 2019, Google ha annunciato la sua iniziativa di indicizzazione mobile-first. Con oltre la metà della popolazione mondiale che utilizza il cellulare per accedere a Internet, le cose dovevano cambiare.
Secondo Google, un sito web mobile impiega in media 15 secondi per essere caricato. È sorpreso da questa cifra? Lo ero sicuramente. Mi aspettavo che i siti web per dispositivi mobili si caricassero molto più velocemente, quindi non sorprende che le persone si chiedano come migliorare la velocità dei siti web per dispositivi mobili.
Quando il tempo di caricamento della pagina passa da un secondo a 10 secondi, la probabilità che un visitatore di un sito mobile rimbalzi aumenta del 123%.
Se avete a cuore il vostro sito web o la vostra attività, dovete assicurarvi di migliorare la velocità delle pagine mobile. Ecco 10 modi per migliorare la velocità delle pagine mobili nel 2022.
2. Trovare un host web veloce per migliorare la velocità della pagina mobile
L’hosting web è il fulcro di ogni sito web. Senza di essa, non avreste un modo per visualizzare il vostro sito web online. Inoltre, se il vostro host web è lento e inaffidabile, tutti i vostri sforzi per migliorare la velocità della vostra pagina mobile saranno inutili.
Trovare il miglior host web dovrebbe essere la vostra prima priorità per migliorare la velocità delle pagine mobili. Ci sono molti fattori da considerare, ecco alcuni per iniziare:
Ubicazione del server web: Un buon host web dovrebbe avere più centri dati tra cui scegliere. Se la maggior parte dei visitatori del vostro sito web si trova negli Stati Uniti, scegliete un server statunitense, o se si trova nel Regno Unito, scegliete un server britannico o europeo.
Hosting specifico: Se utilizzate una piattaforma specifica come WordPress per il vostro sito web, forse è meglio trovare un host che offra un hosting più di nicchia. L’hosting WordPress non solo offrirà grandi vantaggi per WordPress, ma probabilmente scoprirete che i loro server sono ottimizzati per WordPress.
Hosting gestito: Sulla scia di quanto detto a proposito dell’hosting WordPress, molte persone scelgono di optare per l’hosting gestito, in quanto spesso mantiene il vostro sito web più sicuro. Ad esempio, WordPress gestito gestirà tutti gli aggiornamenti per il vostro sito WordPress, in modo che non dobbiate farlo manualmente. La manutenzione del sito web è essenziale per garantire che il vostro sito rimanga sicuro, protetto e ben posizionato nei motori di ricerca.
Disponibilità di risorse: Quando vi iscrivete per la prima volta a un host web, potreste pensare che uno dei suoi piani di hosting sia adatto alla vostra situazione attuale. Ma cosa succede se la vostra situazione cambia? Cosa succede se il vostro sito web inizia a ricevere più traffico del previsto? Molti host web pongono un limite al numero di visitatori mensili del sito o alla quantità di spazio di archiviazione e di larghezza di banda che è possibile utilizzare. Per questo è importante trovare un piano di hosting che sia scalabile e che possa crescere con le crescenti esigenze del vostro sito web.
3. Caching
La cache è un processo che consente di memorizzare il contenuto di un sito web per consentirne la visualizzazione in un secondo momento. Avrete notato che il tempo di caricamento di un sito web è significativamente inferiore la seconda volta che lo visitate.
Quando si visita per la prima volta un sito web, il dispositivo deve caricare tutti i contenuti disponibili per poterli visualizzare correttamente. Tuttavia, dopo la prima visita, il dispositivo può memorizzare nella cache i contenuti, rendendo i tempi di caricamento futuri molto più rapidi.
Creando copie statiche dei contenuti, i server sono in grado di lavorare molto più velocemente e quindi di distribuire i contenuti in tempi più rapidi. Esistono vari modi per attivare la cache.
Caching del server: il caching del server è qualcosa che può essere fatto dal vostro host web. Se avete scelto un host web decente, dovrebbe già avere uno strumento di caching integrato nel vostro piano di hosting. Visitate il pannello di controllo del vostro hosting per saperne di più sulla cache del vostro server. Se non sapete dove trovarlo, contattate il vostro host web.
Caching degli oggetti: il caching degli oggetti, il caching dei siti web e il caching dei database possono essere effettuati separatamente dal caching del server. Infatti, se utilizzate WordPress, potete scaricare un plugin per la cache come WP Fastest Cache che vi permetterà di attivare o disattivare specifiche opzioni di caching.
4. Ottimizzare le immagini
Le immagini sono uno dei principali responsabili del rallentamento della velocità del vostro sito web. Se non ottimizzate le immagini, potreste scoprire che la maggior parte dello spazio occupato sul vostro server web è dovuto alle immagini.
Dai dati disponibili, sappiamo già che i siti web per dispositivi mobili impiegano più tempo a caricarsi rispetto a quelli per desktop. Per questo motivo è importantissimo assicurarsi che le immagini siano di dimensioni ridotte per offrire una migliore esperienza mobile.
Fortunatamente, sono disponibili molti strumenti gratuiti in grado di ridurre le dimensioni delle immagini senza perdere la loro qualità. TinyJPG è gratuito; potete caricare fino a 20 immagini alla volta e comprimerle in pochi minuti.
In alternativa, se utilizzate WordPress, potete installare un plugin che faccia il lavoro sporco per voi. Optimole migliora la velocità di caricamento del vostro sito web riducendo automaticamente le dimensioni delle immagini.
5. Ridurre i plugin e le applicazioni
Che si utilizzi WordPress, un costruttore di siti web come Wix o si costruisca il sito da zero, è importante non sovraccaricare il sito di plugin e applicazioni.
Più il vostro sito web deve essere caricato, più tempo ci vorrà. Tuttavia, non si tratta solo di quanti plugin o app si hanno, ma anche della loro compatibilità reciproca e di quelli che francamente non sono molto validi.
Se avete un plugin o un’applicazione mal codificata, il codice da solo può causare problemi alla velocità del vostro sito web. Sebbene possa essere allettante ed eccitante installare molte funzioni sul vostro sito web, prima di installarle pensate se ne avete davvero bisogno.
6. File di font
I file di font non sono probabilmente un elemento che molti considerano o a cui pensano per quanto riguarda la velocità delle pagine per dispositivi mobili. Tuttavia, la ricerca mostra che la dimensione media dei caratteri su mobile è aumentata di anno in anno.
Ad esempio, nel settembre 2016, i byte mediani dei caratteri mobili ammontavano a 67,4KB, mentre nell’aprile 2020 sono saliti a 107,5KB. Anche se stiamo parlando di kilobyte, tutto questo si somma.
So che può essere una tentazione progettare o scegliere un sito web con un sacco di font di fantasia, perché sembrano belli, ma questo non aiuterà la velocità della pagina mobile. Cercate di scegliere un numero minore di caratteri e di attenersi a una selezione più ristretta.
Potreste anche fare qualche ricerca su quali font si caricano più velocemente. Anche se potrebbe sembrare un po’ strano, KeyCDN ha eseguito un caso di studio nel 2018 che ha analizzato le prestazioni dei font dei siti web. Hanno scoperto che il font Google più veloce da caricare era Open Sans, con un tempo di caricamento di 0,476 secondi.
7. Utilizzare l'ultima versione di PHP
PHP è un linguaggio di scripting open-source molto diffuso. Viene spesso utilizzato nello sviluppo web e si trova nei file del server (anche se non si è mai codificato con PHP).
WordPress funziona con PHP, tuttavia, a seconda della versione, un sito WordPress può avere prestazioni migliori o peggiori. CloudWays ha creato un test di benchmark per analizzare la differenza che la versione di PHP può avere sulle prestazioni di un sito web. Utilizzando un server Linode con 2 core, 4 GB di RAM e un’unità SSD da 48 GB, hanno eseguito un test per le versioni 5.6, 7.0, 7.1, 7.2 e 7.3 di PHP.
I risultati sono chiaramente a favore della versione 7.3 di PHP, che è stata in grado di gestire 10,31 richieste al secondo, mentre la versione 7.2 si è piazzata al secondo posto. Più richieste il vostro sito web è in grado di gestire, migliori saranno le sue prestazioni su desktop e mobile.
8. Minimizzare HTML, CSS e JavaScript
Se avete usato un qualsiasi strumento per la velocità o le prestazioni di un sito web, come GTmetrix, probabilmente avrete visto il termine “minificare le risorse” o “minificare JavaScript”. Ciò riguarda il codice utilizzato dal vostro sito web.
La minificazione del codice può aiutare a ridurre il codice non necessario, in modo da ridurre le dimensioni dei file. Quando uno sviluppatore scrive il codice, soprattutto per chi usa un tema o un modello, tende a scriverlo in modo che sia più facile per l’occhio umano.
Ad esempio, utilizzeranno spazi, commenti e altre misure di formattazione per semplificare la lettura. Tuttavia, questi spazi e commenti extra occupano spazio sul server del vostro sito web e richiedono l’invio di più contenuti ai visitatori, rallentando così il vostro sito.
Si può facilmente minificare il codice utilizzando uno strumento come Minificatore. In alternativa, se utilizzate WordPress per il vostro sito web, potete usare WP Fastest Cache come si vede nell’immagine qui sopra.
9. Pulizia del file di database
I file di un sito web sono inseriti in una grande struttura di cartelle. Proprio come nel computer desktop, sono presenti più cartelle con i relativi file. Sono sicuro che sul vostro computer ci sono molti file che non utilizzate, ma che state conservando per un giorno di pioggia (o semplicemente non avete idea di cosa siano).
Il funzionamento è molto simile a quello di un sito web, quindi ripulendo i file del database è possibile fare spazio sul server del sito. Un esempio di file che non è necessario conservare sono le vecchie revisioni dei post del blog su WordPress (sì, anche WordPress utilizza una struttura di cartelle di file).
Un plugin come WP-Optimize può essere molto utile per ripulire il database. È possibile esaminare il database e ripulire i file e le cartelle da soli, ma sarebbe molto noioso e richiederebbe molto tempo.
10. Utilizzare un buon design
Va bene scegliere un design, un tema o un modello che sembri elegante, ma avete considerato come influirà sulla velocità della pagina mobile del vostro sito?
Ci sono alcune caratteristiche e funzionalità progettate specificamente per gli utenti desktop, che sono francamente invadenti per gli utenti mobili e possono avere un impatto disastroso sulla velocità.
Infatti, nel 2017, Google ha imposto una penalizzazione per l’utilizzo di pop-up per dispositivi mobili. Sebbene questo sia uno dei tanti segnali utilizzati da Google per la SEO, può comunque avere un grande impatto se altri segnali del vostro sito web non funzionano.
Vi suggerisco quindi di prendere in considerazione le seguenti raccomandazioni:
- Utilizzare untema leggero e reattivo o un template che non includa plugin o widget preinstallati non necessari
- Riconsiderate i pop-up, le app di chat dal vivo o i video e i caroselli in riproduzione automatica.
- Chiedetevi se avete bisogno di uno sfondo video: aggiunge qualcosa al vostro sito web o alla vostra attività?
- Considerate l’aspetto e la sensazione del vostro sito web per gli utenti mobili e decidete se sono necessarie determinate funzionalità o contenuti.
11. Utilizzare formati più veloci
Le pagine web sono disponibili in diversi formati, così come le immagini, i contenuti, ecc. Tuttavia, esistono due formati distinti che sono stati progettati per i siti web mobili, con l’intento di accelerare le prestazioni dei dispositivi mobili.
AMP: Accelerated Mobile Pages (AMP) utilizza il caricamento pigro e memorizza i contenuti nella cache utilizzando Google Cloud. Molti proprietari di blog utilizzano AMP per velocizzare il proprio sito web.
PWA: Le Progressive Web App (PWA) combinano le funzionalità del web mobile con le applicazioni mobili. L’idea è che l’utente ottenga un design più veloce e adatto ai dispositivi mobili, pur offrendo un’ottima ricercabilità. Le PWA trasformano essenzialmente il vostro sito web in un’app, ma dovrete convertire l’intero sito, anziché le singole pagine.
12. Migliorare la velocità della pagina mobile: Conclusione
Sappiamo già che la navigazione e l’utilizzo di Internet da mobile sono in aumento e vedo che questa tendenza continua. Sempre più persone si convertono all’uso regolare di smartphone e tablet, quindi è naturale (e sensato) garantire loro un’ottima esperienza mobile.
Consiglio di progettare il vostro sito web in funzione dei dispositivi mobili, piuttosto che di quelli desktop. Utilizzando i passaggi sopra descritti, sarete in grado di migliorare la velocità della vostra pagina mobile senza troppo tempo o sforzo.
È importante rivedere il vostro sito web, le sue prestazioni e il suo design, per assicurarvi di essere al passo con le ultime tendenze del 2022 e oltre.
