7 modi per rendere il tuo sito web o blog più veloce per i visitatori
Annuncio pubblicitario
La bassa velocità di caricamento della pagina è uno dei motivi principali per cui il tuo sito web non ottiene i risultati che merita.
Poiché l'attenzione del pubblico è ai minimi storici, ecco alcuni suggerimenti per velocizzare il tuo sito e assicurarti che i tuoi visitatori rimangano intorno.
1. Diminuisci la dimensione reale del tuo sito web
Se il tuo sito web si carica più lentamente di tre secondi, è probabile che le persone lo abbandonino anche prima del caricamento della homepage. L'uso di un formato errato per le tue immagini può facilmente gonfiare il tuo sito Web e rovinare un'esperienza di navigazione altrimenti eccezionale.
Oltre il 70% delle pagine Web mobili supera 1 MB e il 12% supera i 4 MB! Tieni presente che sono necessari sette secondi per scaricare 1, 5 MB su una buona connessione 3G. La migliore pratica è di mantenere ogni pagina sotto 0, 5 MB.
Scopri la differenza tra JPG, PNG e GIF e assicurati di utilizzare la risoluzione di cui hai bisogno.
Secondo GlobalStats, queste sono le risoluzioni dello schermo più utilizzate per il 2018:
- Il 22, 55% utilizza una risoluzione di 360 x 640 (mobile)
- L'11, 73% utilizza una risoluzione di 1366 x 768
- L'8, 26% utilizza una risoluzione di 1920 x 1080
- 4, 91% utilizza una risoluzione di 375 x 667 (mobile)
- Il 2, 94% utilizza una risoluzione di 1440 x 900
Questo è oltre il 50% di tutti gli utenti, quindi considera questo quando aggiungi foto al tuo sito web.
2. Progetta il tuo sito Web per dispositivi mobili
Secondo una ricerca condotta da Google l'anno scorso sulla velocità della pagina mobile:
Il tempo medio necessario per caricare completamente una pagina di destinazione mobile è di 22 secondi, secondo una nuova analisi. Tuttavia, il 53% dei visitatori del sito mobile lascia una pagina che impiega più di tre secondi per caricarsi. Questo è un grosso problema.
Oltre il 75% dei siti mobili impiega almeno 10 secondi per caricare su 3G. Ben oltre la metà di tutto il traffico è tramite dispositivi mobili, e non è probabile che questo diminuisca. Quindi mantieni una piccola impronta del sito Web per rendere felici gli utenti di Internet mobile e assicurati che restino in giro!
Se usi un CMS come WordPress, Joomla o Drupal Drupal vs. Wordpress: qual è il miglior CMS open-source? Drupal vs. Wordpress: qual è il miglior CMS open-source? Stai pianificando di creare un sito web ma non riesci a scegliere il CMS open source giusto? Ecco come scegliere tra WordPress e Drupal. Per saperne di più, ci sono plugin che aiutano a rendere il tuo sito web più adatto ai dispositivi mobili.
In alternativa, puoi utilizzare strumenti come bMobilized o Duda Mobile per convertire il tuo sito Web desktop in mobile. Detto questo, spesso è meglio progettare un sito Web separato per garantire la migliore esperienza ai tuoi utenti mobili.
Dovresti anche considerare di offrire una versione semplificata del tuo sito Web utilizzando il progetto AMP (Accelerated Mobile Pages). L'uso delle pagine AMP migliorerà la velocità di caricamento delle pagine sui dispositivi mobili. Esistono linee guida rigorose per JavaScript e CSS, ma i vantaggi sono misurabili.
Indipendentemente dal percorso che decidi di percorrere, assicurati che il tuo sito Web mobile sia un'opzione leggera e prova a mantenere la raccomandazione di 0, 5 MB per pagina.
3. Assicurati che il tuo sito web sia minimizzato
Se stai scrivendo il tuo sito Web da zero, modificalo regolarmente. Man mano che il tuo progetto si sviluppa, probabilmente stai imparando modi più efficienti di fare le cose, quindi assicurati di ripassare il codice man mano che migliorerai.
Minimizza e combina CSS, HTML e JavaScript. Se ad esempio usi una rete CDN come Cloudflare, esiste una scheda specifica per i miglioramenti della velocità, in cui la prima opzione è Riduci automaticamente. Se usi un costruttore di siti web (come Squarespace o Weebly), questo è probabilmente fatto per te per impostazione predefinita.
Assicurati di testare il tuo sito Web dopo aver abilitato tutto ciò che combina o minimizza le risorse del tuo sito Web. Sperimenta le diverse opzioni per vedere ciò che è meglio per il tuo sito Web, poiché alcune funzionalità potrebbero non funzionare con Minify abilitato.
4. Evitare di caricare gli script quando non sono necessari
Dover caricare più file JavaScript prima che siano necessari rallenterà inutilmente la velocità dell'intera pagina. Se possibile, evita di caricare script da server di terze parti.
La richiesta di questi rallenterà ulteriormente la velocità di caricamento e potrebbe potenzialmente costituire un rischio per la sicurezza. Tienili sul server del tuo sito Web quando possibile.
Puoi utilizzare il differimento o l' asincronizzazione per ritardare il caricamento di file JavaScript specifici per ridurre lo sforzo sui dispositivi dei visitatori e migliorare la velocità di caricamento delle tue pagine. In alternativa, per script di piccole dimensioni, è possibile incorporare JavaScript direttamente nel documento HTML.
Async dirà al browser di continuare ad analizzare l'HTML contemporaneamente al download dei file JavaScript. La pausa si verificherà quindi dopo il download completo del file.
Nel frattempo, il differimento dirà al browser di eseguire i file JavaScript dopo che il browser ha terminato di analizzare l'intero documento HTML.
Per impostazione predefinita, un browser mette in pausa l'analisi dei file HTML mentre tutti i file JavaScript vengono recuperati ed eseguiti.
L'inserimento di JavaScript nel documento HTML ti aiuterà a ridurre il numero di file che un browser deve scaricare prima di visualizzare una pagina. È possibile incorporare JavaScript aggiungendo il contenuto di qualsiasi file JavaScript esterno tra i tag di script.
Puoi utilizzare in modo sicuro il differimento e l'asincronizzazione su Google Analytics, Facebook Pixel e altri strumenti di analisi e segnalazione degli errori senza influire sulla funzionalità della pagina.
Infine, considera se sono necessari i codici di monitoraggio, le analisi, le funzioni extra e gli annunci che pubblichi sul tuo sito web. Se possibile, usa opzioni più leggere e scartale se non aggiungono valore a te o ai tuoi visitatori.
5. Utilizzare la memorizzazione nella cache e un CDN
Una rete di distribuzione di contenuti (CDN) copierà il tuo sito su server in tutto il mondo e ridurrà il tempo di viaggio dei dati collegando i visitatori a un server geograficamente più vicino a loro. Il contenuto statico verrà anche memorizzato nella cache e consegnato dai server della CDN.
Cloudflare è probabilmente la CDN che conosci meglio, ma Akamai e Amazon CloudFront sono alternative consolidate.
Assicurati di sfruttare anche la memorizzazione nella cache del browser Ecco come il tuo browser compromette la tua privacy Ecco come il tuo browser compromette la tua privacy Il tuo browser web rivela una tonnellata di informazioni su chi sei, dove vai e cosa ti piace. Ecco i dettagli che perde ogni volta che vai online. Maggiori informazioni per migliorare la velocità di caricamento del tuo sito Web per visitatori abituali. La memorizzazione nella cache del browser funziona scaricando questi file dal server sul dispositivo dell'utente.
In ulteriori visualizzazioni di pagina o visite, questi file verranno caricati localmente dal dispositivo dell'utente anziché richiederli dal server esterno (a seconda della data di scadenza dei file).
6. Sbarazzarsi di plugin non essenziali
I plugin dovrebbero essere usati solo quando necessario. Questo è vero se usi Wix, Weebly, WordPress o Squarespace Squarespace vs. WordPress: qual è quello giusto per te? Squarespace vs. WordPress: qual è quello giusto per te? WordPress e Squarespace sono i due nomi più importanti nella costruzione di siti Web. Ecco cosa devi sapere per decidere tra i due. Leggi di più o qualsiasi altra cosa. Dovresti fare qualunque funzione tu possa aggiungere aggiungendo un semplice CSS anziché un plugin. Usa Code Injection su Squarespace, usa CSS Customizer in WordPress e CSS personalizzato su Wix.
I plug-in possono causare un'elevata sollecitazione della CPU o della memoria sul server e questo può rallentare o addirittura interrompere il caricamento del sito Web.
Se usi WordPress, è probabile che tu non stia utilizzando tutte le sue funzionalità integrate. Disabilita questi con un plugin come Clearfy.
Considera sempre i plugin che stai utilizzando. Se stai usando poche funzionalità in plugin come JetPack, considera di rimuoverle del tutto e sostituiscile con plugin più leggeri che fanno lo stesso lavoro.
7. Impostazioni del server per velocizzare il tuo sito Web
Il ritardo del server avrà un grande impatto negativo sulla velocità di caricamento della pagina e sul PageRank.
Google consiglia che il Time to First Byte (TTFB) sia di almeno 1, 3 secondi. Questo è il ritardo più lungo prima che un dispositivo inizi a scaricare una pagina dopo aver inizialmente contattato il server. Detto questo, la pagina media ha un TTFB di oltre 2 secondi, ben al di sopra della loro raccomandazione.
Gli host condivisi sono in genere il motivo di ciò, ma ci sono alcune impostazioni che è possibile configurare per migliorare i tempi di risposta del server.
- Usa l'ultima versione di PHP con la quale il tuo sito web è compatibile. L'ultima versione (PHP 7.2) ha enormi miglioramenti di velocità.
- Attiva "Keep-Alive"
- Abilita HTTP / 2
- Approfitta di HTTP Strict Transport Security (HSTS)
- Imposta i backup per il completamento di notte
Se il tuo sito Web è realizzato in WordPress, assicurati di utilizzare un host specializzato nell'hosting di WordPress, come Bluehost. Questo assicurerà che le impostazioni del server siano configurate specificamente per le prestazioni di WordPress.
Ritocco terminato? Ora prova il tuo sito
Ora che conosci il tempo di caricamento della pagina ideale, le dimensioni e il Time to First Byte (TTFB) a cui dovresti puntare, come fai a sapere qual è il tuo?
Ecco alcuni dei nostri strumenti online preferiti per testare il tuo sito:
- varvy.com: questi strumenti metteranno alla prova la velocità e le prestazioni della tua pagina desktop e mobile e ti daranno preziose guide su come migliorare il tuo sito web
- Google Page Speed Insight: recentemente aggiornato, lo strumento Google Page Speed verificherà la tua velocità e ti darà suggerimenti di miglioramento
- GTmetrix: un ottimo strumento con consigli attuabili
- WebPageTest: prova il tuo sito Web su diversi dispositivi, sistemi operativi e posizioni
- Pingdom: uno strumento molto popolare, simile a WebPageTest con un'interfaccia più gradevole
Puoi testare il tuo sito mobile con i link sopra e anche il test mobile ThinkWithGoogle (con tecnologia WebPageTest). I risultati ti daranno consigli specifici su cosa puoi migliorare, con una riduzione del tempo di caricamento stimata se segui i suggerimenti.
Le migliori pratiche consigliate cambiano costantemente, quindi continua a controllare regolarmente la velocità della tua pagina mentre apporti miglioramenti.
Per informazioni ancora più preziose sul rendimento del tuo sito Web, ricordati di verificare il tuo dominio su Google e Bing. I 5 principali vantaggi della verifica del tuo dominio su Google e Bing I 5 principali vantaggi della verifica del tuo dominio su Google e Bing Se hai il tuo sito Web, ecco perché dovresti verificare il tuo dominio su Google e Bing con i loro strumenti per i webmaster. Leggi di più
