Come ottimizzare le prestazioni del tuo sito web

Guardati intorno in Internet e troverai molte statistiche citate su quanto poco tempo le persone sono disposte ad aspettare il caricamento di un sito Web prima di perdere interesse (in tal caso, non incolpare sempre il provider di hosting web).

Quelli con connessioni a banda larga fisse si aspettano che un sito web appaia quasi istantaneamente e anche gli utenti mobili non hanno pazienza infinita.

Per saperne di più: Offcloud

Secondo la ricerca, il tempo di caricamento ottimale per una pagina è di tre secondi, anche se la maggior parte dei siti è più vicina al doppio o più. E se vai molto oltre i 10 secondi, è probabile che la maggior parte delle persone abbandoni la pagina e vada altrove.

Il tempo impiegato da una pagina web per apparire su un browser dipende da fattori divisi tra il server e il dispositivo client dall'altra parte.

Sebbene non sia possibile velocizzare tutti gli utenti a causa di cose che sfuggono al controllo del web designer, è pratico rendere un sito il più efficiente possibile, migliorando le prestazioni per la maggior parte dei visitatori.

È possibile ottenere una maggiore velocità con una gamma di metodi diversi, ma ci sono tre pilastri centrali per migliorare le prestazioni del sito. Si tratta di hosting avanzato, ottimizzazione del sito e anche alcune considerazioni specifiche della piattaforma.

  • Abbiamo scelto i migliori servizi di web hosting proprio qui
  • Queste sono le migliori società di web hosting gratuito in circolazione
  • E quelli sono attualmente i migliori costruttori di siti web

L'importanza dell'hosting

Quanto un sito spende per l'hosting web è solitamente proporzionale al numero di visitatori attesi in un dato giorno, tenendo conto di quanto tempo rimane e quante pagine navigano.

Questo è il motivo principale, insieme ai problemi di sicurezza, per cui relativamente poche aziende ospitano siti internamente.

In genere, l'hosting web è "virtuale" in quanto un componente hardware specifico non è allocato al sito Web, ma viene condiviso con altri siti tramite la virtualizzazione.

Il bello di avere questa soluzione è che più risorse possono essere facilmente assegnate a un sito in tempi di forte domanda, a condizione che il contratto di hosting consenta questa flessibilità.

Ciò che è importante decidere è il traffico previsto che ti aspetti di ricevere e aumentare il tuo servizio in modo appropriato.

Se hai un sito in rapida crescita, ma a causa del livello di hosting inizia a non rispondere quando arriva un'ondata di visitatori, questo potrebbe minare l'intero progetto. Quindi pianifica di iniziare in piccolo e poi ridimensionare quando il sito raggiunge la maturità.

Ottimizzazione del sito

Le prestazioni di qualsiasi sito web dipendono molto da come è stato costruito e dalla tecnologia software che utilizza.

Una volta che hai un sito prototipo, una delle prime procedure che devi eseguire è valutare ogni pagina in base al tempo necessario per caricarla. Sono disponibili numerosi strumenti per misurare le prestazioni della pagina e alcuni di essi abbatteranno i tempi per identificare esattamente cosa ha causato il maggior ritardo su una determinata pagina.

Questo test non è qualcosa che dovresti eseguire una sola volta su un singolo PC, poiché i tuoi visitatori proverranno da un numero diverso di luoghi diversi, con varie connessioni a banda larga e useranno diversi tipi di dispositivi.

È particolarmente importante che le piattaforme mobili vengano testate sia con connessioni Wi-Fi che cellulari. E, in un mondo ideale, anche ottenere risultati da posizioni geografiche remote è un'informazione preziosa.

Dopo aver raccolto questi dati sulle prestazioni, è il momento di tornare sul sito e vedere quali modifiche è possibile apportare per migliorare l'esperienza dell'utente.

Ecco un elenco dei sette principali problemi che rallentano un sito che possono essere facilmente risolti.

1. Pagine multi-sorgente

Se una pagina è composta da elementi che provengono da altre posizioni, inclusi gli annunci, ciò può influire notevolmente sulla velocità. La pagina diventa dipendente dalla rapidità con cui vengono serviti quegli elementi esterni al sito, aggravando i problemi di prestazioni.

Se hai una pagina che richiede ripetutamente troppo tempo per caricarsi, identifica cosa la sta rallentando e rimuovila.

2. Widget e plugin

Troppi di questi componenti causano più o meno gli stessi problemi delle pagine multi-sorgente, ma sono un problema che interessa in particolare i siti WordPress. La tentazione di precaricare pagine con tutti i tipi di calendari, pulsanti animati, orologi e così via è forte, ma devi resistere.

Queste funzionalità richiedono l'esecuzione di codice lato server e codice lato client e spesso sospendono la presentazione di altri elementi della pagina prima che finiscano il caricamento.

3. Grafica in scala

La grafica del sito web non deve essere ridimensionata a meno che non si tratti di fotografie che desideri siano cliccabili per una presentazione di qualità completa.

Averli ridimensionati è anche un male, in quanto ciò li rende a blocchi o rivela artefatti di compressione.

Rendere la grafica della stessa dimensione come dovrebbe essere visualizzata elimina il carico di lavoro dal server e dal browser del client ed evita che l'utente scarichi immagini più grandi del necessario.

4. Supporti incompatibili

Esiste una serie di tipi di file che una volta erano popolari sul PC, ma ora sono effettivamente defunti. Gli utenti mobili non saranno in grado di accedervi e anche la maggior parte degli utenti desktop avrà problemi a meno che non stiano ancora eseguendo un plug-in su una vecchia versione del browser.

Di norma, non ospitare formati video, immagini o musicali che non funzioneranno per impostazione predefinita con Google Chrome o Microsoft Edge. Infastidisce gli utenti quando il sito web presenta elementi mancanti o presenta strani errori.

5. Codice backend

Quante volte hai visto una bella funzionalità che può essere aggiunta a un sito web con "solo una breve riga di codice"? Ce ne sono molti e possono essere utili. Tuttavia, spesso causano mal di testa per un pezzo di codice molto più grande in esecuzione sul server per fare in modo che lo snippet di codice faccia qualcosa di utile.

Avere troppi di questi - perché si inserisce quel codice in ogni pagina - e il server si bloccherà nel tentativo di elaborare queste richieste piuttosto che servire le pagine del sito.

I colpevoli più comuni per queste cose sono, ironia della sorte, l'analisi e l'elaborazione dei moduli. Ma il codice che affronta altre attività può anche avere un impatto negativo sulle prestazioni complessive.

6. Errori mobili

Un errore classico che ha un impatto sugli utenti mobili è che il reindirizzamento alla versione mobile del sito avvenga solo dopo che la maggior parte della home page per desktop viene visualizzata sul telefono o sul tablet.

Il risultato è spesso una lunga attesa prima che il browser venga trasferito al sito mobile, seguito da un altro ritardo prima del rendering.

Mentre le piattaforme statisticamente mobili sono ancora leggermente indietro rispetto ai computer convenzionali in termini di navigazione web, la navigazione mobile è in rapida espansione e molto presto sarà il modo dominante con cui la maggior parte degli utenti accederà alla maggior parte dei siti.

Pertanto, l'attenzione alla variante mobile di qualsiasi sito è almeno altrettanto importante, se non di più, rispetto alla controparte desktop.

Poiché gli utenti mobili si connettono spesso utilizzando servizi dati 3G o 4G senza le velocità di trasferimento costanti che gli utenti a banda larga cablata potrebbero aspettarsi, l'importanza della consegna rapida delle pagine web è ancora maggiore.

7. Usa la compressione

Esistono numerosi modi in cui è possibile garantire che i file che compongono il sito siano più piccoli e quindi più veloci da scaricare per un visitatore.

Esistono tecnologie lato server globali come Gzip in grado di ridurre le dimensioni dei file fino al 70%, sebbene anche solo scegliere i giusti tipi di file e livelli di compressione per i file JPG.webp può portare vantaggi in termini di prestazioni.

Gzip richiederà l'attivazione del server e puoi verificare se è attivo sul tuo server utilizzando questo sito.

L'unico avvertimento per l'utilizzo della compressione è che devi identificare quei file e cartelle che non desideri vengano compressi nel sistema. Perché i file video già compressi e i volumi compressi (ZIP, RAR o LZH) non possono essere ulteriormente compressi.

Articoli interessanti...