Suggerimenti per migliorare il runtime del sito web
suggerimenti-per-migliorare-il-runtime-del-sito-web-1
Molti proprietari di siti Web non si rendono conto di quanto la velocità sia vitale per il successo del loro sito. L’utente di Internet di oggi è incredibilmente impaziente grazie alla vasta gamma di opzioni a sua disposizione. Se il caricamento del tuo sito impiega più di 3 secondi, più della metà dei visitatori abbandonerà la pagina. Questo è un duro colpo per il tuo obiettivo di conversioni.
Peggio ancora, anche i visitatori che scelgono di restare potrebbero essere meno entusiasti di tornare in futuro. Logicamente, più veloce è il tuo sito web, maggiori sono le probabilità che un visitatore effettui un acquisto o segua il tuo invito all’azione. Ecco un paio di suggerimenti per velocizzare il runtime del tuo sito.
Riduci il numero di richieste HTTP
Una parte sostanziale del tempo di caricamento di una pagina web va al download dei diversi elementi della pagina come immagini, script e fogli di stile. È necessario effettuare una richiesta HTTP per ogni elemento, il che significa che più componenti ha una pagina, maggiore è il numero di richieste HTTP e quindi più tempo ci vorrà per il rendering.
Per ridurre al minimo le richieste HTTP, inizia controllando quante richieste effettua la pagina. Su Google Chrome, puoi vederlo facendo clic con il pulsante destro del mouse sulla pagina e andando al menu Ispeziona. Una volta che conosci il numero di richieste, puoi quindi guardare gli elementi della tua pagina e vedere di quali puoi fare a meno.
Combina e compatta i file
suggerimenti-per-migliorare-sito-web-runtime-2
Puoi ridurre al minimo le richieste HTTP combinando e compattando i file Javascript, CSS e HTML della tua pagina. Questi file sono fondamentali poiché sono i principali responsabili della struttura e dell’aspetto della tua pagina. Ma avere troppo grandi e troppi di questi file trascinerà notevolmente la velocità di caricamento della pagina.
È particolarmente probabile che ti imbatti in questo problema se hai utilizzato un costruttore di siti Web di modelli per creare il tuo sito. I costruttori di siti Web spesso portano a un codice sottostante disordinato e ingombrante. Un altro fattore nella dimensione del file dell’elemento è il framework che scegli di utilizzare).
La compattazione dei file implica l’eliminazione di codice superfluo, spazi bianchi, rientri e interruzioni di riga. La combinazione di file richiede molto più sforzo, ma se sei su WordPress, plug-in come WP Rocket possono rendere il processo molto più semplice. Dopo aver compattato e combinato i file, dai un’occhiata alle richieste HTTP per confermare che il lavoro ha prodotto i vantaggi desiderati.
Riduci la dimensione dell’immagine
Le immagini sono spesso i file più grandi su una pagina web. Più grandi sono i file di immagine, maggiore è il tempo di caricamento della pagina. Eliminare del tutto le immagini potrebbe non essere una soluzione praticabile poiché le immagini possono aumentare le conversioni e ridurre il testo necessario per spiegare un argomento. Puoi tuttavia migliorare le prestazioni della pagina riducendo le dimensioni dei file.
Esistono diversi modi per comprimere le immagini. Innanzitutto, le immagini a volte contengono molto spazio inutile. Puoi liberarti di questo spazio ritagliando le immagini alla giusta dimensione. In secondo luogo, puoi ridurre le dimensioni del file convertendolo in un formato di file compresso. Ad esempio, se si dispone di file in formato BMP, la conversione delle immagini in formato JPEG potrebbe ridurre le dimensioni del file del 90 percento o più.
Rinvia il caricamento di Javascript
suggerimenti-per-migliorare-sito-web-runtime-3
Javascript conferisce al tuo sito Web un dinamismo estremamente difficile da ottenere utilizzando solo l’HTML. Ma questo dinamismo ha un prezzo soprattutto per quanto riguarda il tempo di caricamento della pagina. Puoi ridurre al minimo l’impatto negativo di Javascript sull’esperienza dell’utente rinviando il caricamento dei file Javascript fino a quando altri elementi non sono già stati renderizzati.
Per i siti WordPress, il plug-in WP Rocket può semplificare il processo di rinvio dei file Javascript. Basta selezionare la casella "Carica file JS differiti" e il tuo lavoro è fatto. Se il tuo sito è basato su HTML, dovrai chiamare un file Javascript esterno subito prima del tag della pagina.
Passaggio a un host o un piano di hosting migliore
La maggior parte dei proprietari di siti Web per la prima volta sceglierà il piano di hosting più economico che riescono a trovare. La logica è quella di evitare di rischiare troppi soldi nel progetto mentre non c’è certezza che il sito web sarà ancora attivo a un anno dal lancio. Sebbene i piani a basso costo possano servire allo scopo all’inizio, dovrai eseguire l’aggiornamento poiché il sito vede un aumento costante del traffico.
I piani di hosting di solito rientrano in tre categorie: hosting condiviso, hosting di server privato virtuale (VPS) e hosting di server dedicato. I piani di hosting condiviso sono i più economici e partono da un paio di dollari al mese. I piani VPS prevedono la condivisione di un server fisico, ma le risorse del server sono segregate in numerosi spazi virtuali con ogni spazio accessibile a un solo cliente.
Nei piani server dedicati, al cliente viene assegnato esclusivamente un server fisico. Naturalmente, l’hosting di server dedicato è il più costoso, ma offre anche le migliori prestazioni per i siti Web ad alto traffico.
Migliorare il runtime del tuo sito web è un compito senza fine. Poiché è probabile che le tue pagine web subiscano modifiche regolari al contenuto e/o alla struttura, devi confermare costantemente che il tempo di caricamento delle tue pagine sia ottimizzato.