Scopri 7 modi efficaci per velocizzare subito il tuo sito web, tra cui ridurre le richieste HTTP, ottimizzare le immagini, abilitare la cache, comprimere i file e aggiornare il tuo hosting.
Prima di tutto, devi sapere esattamente quanto è veloce o lento il tuo sito web. Abbiamo già stabilito che 2-3 secondi è l’intervallo a cui puntare. Sfortunatamente, per i navigatori di tutto il mondo, la maggior parte dei siti web non si avvicina nemmeno a questo obiettivo. Infatti, Google ha analizzato centinaia di migliaia di landing page in 126 paesi e ha scoperto che il 70% delle pagine impiegava fino a sette secondi per caricarsi.
Ahi.
È davvero negativo. La cattiva notizia è che letteralmente milioni di marketer online stanno lasciando soldi sul tavolo. Tanti soldi. Se sapessero quanto, probabilmente si metterebbero a piangere. La buona notizia è che non dovrebbe essere troppo difficile tirare fuori il tuo sito web dalla mediocrità e portarlo tra quelli che raggiungono i tre secondi o meno.
Come fai a sapere quanto effettivamente si carica il tuo sito? Visita il tester di Pingdom – è gratuito – e inserisci il tuo URL. Dopo pochi secondi (o di più) avrai tutti i dettagli. Poi è il momento di rimboccarti le maniche e metterti al lavoro.
Quel testo esile sul tuo sito richiede pochissimo per essere scaricato dal browser del visitatore. I veri colli di bottiglia e rallentamenti sono causati da tutti gli altri elementi che entrano in gioco come script, immagini, video e fogli di stile. Per ognuno di questi elementi che appare su una pagina web, viene inviata una richiesta separata al server per scaricarlo. I web designer spesso commettono l’errore di inserire semplicemente troppa “roba” su una pagina. Senza rendersene conto, consumano una quantità incredibile di banda e, alla fine, si ritrovano tra quel 70% di siti che impiega più di quattro secondi a caricarsi.
Se stai pensando che devi ridurre le richieste HTTP, hai ragione! È davvero così semplice. Meno richieste HTTP al server significa, tutto il resto uguale, un sito che si carica più velocemente. Questo significa anche che devi davvero riflettere sugli elementi presenti nel tuo sito e se sono davvero necessari. Ognuno comporta una richiesta separata al server.
Vuoi sapere quante richieste fa attualmente il tuo sito? Vai a fondo nei risultati di Pingdom e troverai la risposta. Quante sono troppe? Non c’è una risposta precisa. La cosa migliore è analizzare il tuo sito e decidere se ogni elemento è fondamentale. Se non lo è, eliminalo.
All’inizio dell’era Internet, le immagini erano poche e il testo dominava. Con l’avanzare della tecnologia, soprattutto in termini di velocità di connessione, i proprietari di siti tendono a esagerare con le immagini. Se fatto bene, non è una cattiva strategia. Nulla attira l’attenzione di un visitatore e lo invita a “restare un po’” come un’immagine accattivante (palme e cuccioli funzionano sempre).
Il problema è che le immagini provenienti da due fonti comuni – fotocamere degli smartphone e archivi online – sono spesso grandi diversi megabyte e divorano banda come un mostro dei biscotti in un weekend. Se ne includi alcune in decine o centinaia di post, il tuo sito rischia di rallentare dolorosamente.
La soluzione è semplice. Usa un editor di grafica come Photoshop o Pixlr (alternativa gratuita online), se non vuoi spendere centinaia di euro. Per lavorare con immagini grandi, di solito si salva in formato .jpeg (o .jpg) e si cerca di ridurne la risoluzione a 100 kilobyte o meno. Ovviamente si potrebbe scrivere molto sull’argomento, ma per ora concentriamoci sull’idea che ridurre la dimensione delle immagini velocizza il tuo sito.
Se istruito dal server, la maggior parte dei browser può “cachare” o salvare file in memoria temporanea finché non saranno richiesti di nuovo. Funziona così:
In sostanza, il browser mostra rapidamente elementi statici senza doverli riscaricare dal server. Gli elementi dinamici (che cambiano) richiedono una richiesta al server per ottenere la versione aggiornata, che richiede un po’ più tempo.
La cosa bella – e ciò che rende felici i visitatori – è che hanno comunque qualcosa da guardare mentre si scaricano gli elementi dinamici. Avere immagini o contenuti sullo schermo è meglio che uno spazio bianco con la clessidra che gira e aumenta le possibilità che il visitatore resti abbastanza a lungo da vedere tutto. Se la frase “cache del browser” ti fa venir voglia di mollare internet per sempre, chiama l’assistenza tecnica del tuo hosting e fallo impostare da loro.
Le stime online sono molto diverse tra loro, ma il punto è che, per un sito non compresso, puoi ridurre la dimensione dei file totali dal 50 al 90% grazie al miracolo di Gzip. File più piccoli richiedono meno banda e si caricano più velocemente. Gzip è un formato open source che “zippa” (comprime) tutti i file del sito in un unico pacchetto.
Quando un browser richiede il sito, riceve un file chiamato qualcosa come index.html.gz invece del classico index.html. Una volta arrivato questo pacchetto, il browser lo decomprime rapidamente e lo mostra al visitatore.
Un buon esempio di quanto puoi risparmiare è la homepage di Yahoo, che pesa circa 101 kb non compressa ma solo 10 kb compressa. Sì, Gzip potrebbe fare lo stesso per il tuo sito.
Non puoi obbligare un browser ad accettare la versione compressa invece che quella normale, ma puoi almeno configurare il server affinché offra entrambe le opzioni. Questa è una cosa semplice per chi lavora abitualmente con i server. Se non è il tuo caso, fai un’altra chiamata all’assistenza tecnica del tuo hosting.
Il processo di ottimizzazione non riguarda solo le immagini. Vale anche per il CSS (fogli di stile). Se guardi un file CSS, cosa vedi? Tanti codici, certo, ma probabilmente anche molto spazio bianco. I fogli di stile sono importanti – non sottovalutarli – ma non devono essere belli per l’occhio umano.
Guarda l’esempio di CSS qui sotto. Sembra ordinato e chiaro, con tutto il testo allineato che dice al browser come rendere la pagina. Nota però tutto quello spazio bianco. Ogni spazio rende il file più grande. Se lo ripeti centinaia o migliaia di volte, il file sarà molto più grande del necessario. La buona notizia è che non devi farlo a mano.
Esistono ottimi strumenti online come il gratuito CSS Minifier, che prende CSS standard come questo…
p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
}
…e restituisce questo.
p.uppercase{text-transform:uppercase}p.lowercase{text-transform:lowercase}p.capitalize{text-transform:capitalize}
In pratica, compatta tutto così non si spreca spazio. Quando vuoi un sito più veloce da scaricare, ogni piccolo dettaglio aiuta.
Ogni tanto internet impara qualcosa dal mondo della stampa su carta e l’espressione “sotto la piega” ne è un esempio. Se hai mai visto una pila di giornali esposta in edicola, avrai notato che sono piegati in modo che tu possa vedere subito la parte alta, con le notizie più importanti. Le cose meno importanti stanno sotto la piega, fuori dalla vista.
Questa è una buona idea da applicare anche al codice HTML del tuo sito, soprattutto quando si tratta di JavaScript (JS), che spesso rallenta il caricamento e la visualizzazione della pagina. Invece di mettere il JS in cima al documento, mettilo come ultima cosa nella sezione body. Così tutto il resto si carica prima, e il visitatore può già vedere immagini e contenuti mentre lo script finisce di caricarsi.
Altrimenti, lo schermo resterà bianco finché il JS non sarà completamente caricato. Gli schermi bianchi sono un invito a cliccare via per i visitatori impazienti. Dagli qualcosa da vedere finché la funzionalità aggiuntiva offerta da JavaScript non sarà pronta. Vedi? Anche internet può imparare qualcosa dall’era dei giornali cartacei del ‘900.
Che tu gestisca un e-commerce o usi il sito per promuovere la tua attività, l’obiettivo è lo stesso: deve caricarsi velocemente. I potenziali clienti non aspetteranno che i contenuti compaiano: se ci vuole troppo, se ne andranno. Ciò che spesso si sottovaluta è che una delle scelte più basilari – il tipo di hosting – può avere un enorme effetto sulla velocità del sito.
L’hosting condiviso è economico (a volte persino gratis), ma raramente è la scelta migliore. Il compromesso per il basso costo è che l’host mette troppi siti su un solo server e le prestazioni ne risentono. Peggio ancora, risorse informatiche come banda, spazio e velocità di elaborazione sono condivise. Se un sito consuma troppo, tutti gli altri rischiano di essere lenti, bloccarsi o diventare irraggiungibili.
Se il tuo sito non è solo un hobby, l’hosting condiviso non è una buona opzione.
Una scelta migliore per il tuo sito aziendale, con pochi euro in più al mese, sarebbe un hosting dedicato o Virtual Private Server (VPS), che garantiscono risorse riservate senza doverti preoccupare dei “vicini”.
Inoltre, con un servizio VPS (Virtual Private Server) gestito rispetto a uno non gestito, avrai anche il vantaggio di supporto aggiuntivo da parte del tuo provider.
Per qualsiasi PMI che prenda sul serio la propria presenza online, consigliamo vivamente di valutare alternative all’hosting condiviso.
Se tutto questo ti sembra troppo tecnico, potresti considerare le soluzioni di website builder di terze parti. Queste app consentono di costruire un sito da zero con una semplice interfaccia drag and drop. Oltre a essere molto convenienti, l’hosting è completamente gestito da loro. I siti ospitati qui si caricano generalmente più velocemente rispetto a quelli su server propri. Così puoi concentrarti su ciò che sai fare meglio: produrre contenuti e far crescere il traffico.
Per vedere il quadro generale, la pianificazione attenta dovrebbe essere la prima azione da compiere quando si costruisce un sito. Significa selezionare con attenzione gli elementi da includere. Ognuno è davvero necessario? Scegli temi leggeri (in termini di dimensione dei file) e plugin ben codificati e testati . In altre parole, progetta per la velocità fin dall’inizio. Così eviterai di doverci mettere mano dopo, quando ti accorgerai che è diventato una bestia lenta e affamata di banda.
Una cosa è certa. Mano a mano che gli utenti diventano più esigenti – soprattutto in termini di streaming audio, video e interattività – la dimensione dei file aumenterà. Questo significa che i titolari di siti devono sempre stare attenti ai cali di velocità nel tempo. Il modo migliore è eseguire test regolari e cercare sempre nuovi modi per ottimizzare il tuo spazio online, così da mantenerlo sempre efficiente come la macchina ben oliata che desideri.
La velocità di un sito influisce direttamente sull'esperienza utente e sui tassi di conversione. I siti lenti possono causare perdita di ricavi perché i visitatori potrebbero andarsene prima che la pagina si carichi.
I metodi chiave includono la riduzione delle richieste HTTP, l'ottimizzazione delle immagini, l'abilitazione della cache del browser, la compressione dei file con Gzip, l'ottimizzazione del CSS, il miglior posizionamento di JavaScript e la scelta di un hosting web migliore.
Puoi utilizzare strumenti gratuiti come Pingdom per testare il tempo di caricamento del tuo sito e scoprire le aree da migliorare.
L'hosting condiviso è spesso lento a causa delle risorse limitate. Per i siti aziendali, si consiglia hosting dedicato o VPS per migliori prestazioni e affidabilità.
Gary Stevens è uno sviluppatore front end. È un appassionato di blockchain a tempo pieno, volontario presso la Ethereum Foundation e un attivo collaboratore su Github.
Applica queste strategie comprovate per ridurre i tempi di caricamento e migliorare l'esperienza utente sul tuo sito web.
Gli affiliati hanno bisogno di contenuti di qualità per vendere i loro prodotti e tu hai bisogno degli affiliati per guadagnare. Scopri come scalare la creazion...
Scopri come scrivere contenuti coinvolgenti per l'affiliate marketing che si posizionano e attirano il tuo pubblico verso i tuoi prodotti/servizi.
I dati delle tue campagne di affiliazione sono una miniera d'oro di informazioni. Scopri modi concreti per ottimizzare le tue campagne, inclusi traffico, conten...
Unisciti alla nostra community di clienti soddisfatti e fornisci un eccellente supporto clienti con PostAffiliatePro.
