6 modi per velocizzare il caricamento del tuo sito web

Il tuo sito web potrebbe essere il sito più bello del mondo, ma non ti serve se impiega un'eternità a caricarsi. Affrontiamolo. Le persone sono impazienti e un sito web lento impedisce ai potenziali clienti di completare l'acquisto.

Quando faccio acquisti online, mi aspetto che le pagine si carichino nel peggiore dei casi entro 5-10 secondi. Più a lungo e divento ansioso o esco del tutto dal negozio.

Certo, alcune persone potrebbero essere più pazienti di me, ma perché correre il rischio? Gioca sul sicuro e rendi il tuo sito web aziendale il più veloce possibile.

Foto di Meddygarnet

Prima di iniziare, tuttavia, la prima cosa che devi determinare è quanto veloce è abbastanza veloce? Questa estensione delle ottimizzazioni del tuo sito web dipende in gran parte dalle analisi e dai dati demografici dei tuoi visitatori web.

Ad esempio, 3 anni fa, quando io e mia moglie abbiamo lanciato per la prima volta il nostro negozio online, oltre il 35% dei nostri clienti utilizzava la connessione remota. Di conseguenza, abbiamo dovuto ridurre drasticamente il design del nostro sito Web per fornire un'esperienza di acquisto vivace, assumendo solo una velocità di download di 56K.

Oggi, solo il 2% dei nostri clienti utilizza il dialup (grazie al cielo!), quindi possiamo aggiungere in sicurezza più contenuti multimediali senza influire sull'esperienza dell'utente.

Per determinare la dimensione massima di una determinata pagina, di solito moltiplico 5 secondi per la larghezza di banda media ponderata dei miei visitatori web. Ad esempio, se la maggior parte dei miei visitatori utilizza DSL, potrei assumere una velocità di download di 1 Mbit e decidere che 5 Mbit è la dimensione massima che dovrebbe essere una determinata pagina web.

Questa non è una scienza esatta. Alla fine, devi decidere tu stesso quanto veloce deve essere il tuo sito web.

In tutti i casi, tuttavia, più veloce è sempre meglio. Come ho accennato nel mio ultimo post, la velocità del sito web non è sempre una funzione del tuo host web. In effetti, la maggior parte delle volte, il webmaster è responsabile di un sito Web lento e non di un server lento. Questo articolo descriverà alcuni suggerimenti su come accelerare le cose.

Decidi cosa è più importante e riordina il caricamento

Rendere più veloce il tuo sito web non significa sempre tagliare immagini e contenuti. A volte, il tuo sito potrebbe piacerti esattamente così com'è e non hai davvero voglia di cambiare nulla.

Se questo è il caso e il tuo sito web è lento, spesso puoi farla franca semplicemente dando la priorità al modo in cui la tua pagina viene caricata.

Cosa vuoi che l'utente veda per primo? Nella maggior parte dei casi, ai tuoi visitatori non dispiacerà un sito più lento purché le cose importanti vengano caricate prima e il fluff finisca in seguito.

Ad esempio con MyWifeQuitHerJob.com, mi assicuro sempre che tutti i contenuti succosi vengano visualizzati prima degli annunci pubblicitari. In questo modo, se gli annunci sono un po' lenti da caricare, non trascinano giù l'intero blog.

Le pagine web vengono sempre caricate in ordine sequenziale, quindi dovresti sempre posizionare le cose che vuoi caricare per prime nella parte superiore della tua pagina e le cose meno importanti alla fine del tuo documento html.

Nel caso di elementi che devono apparire in una posizione specifica della pagina, puoi utilizzare javascript o css per controllare l'ordine di caricamento.

Ad esempio, anche se il mio annuncio leaderboard 728×90 appare nella parte superiore del mio MyWifeQuitHerJob.com, mi assicuro che venga caricato per ultimo eseguendo i seguenti passaggi.

• Creo un <div id=”banner728″> vuoto dove dovrebbe essere l'annuncio e imposto il suo id su “banner728”. Questo crea effettivamente un segnaposto vuoto che posso caricare in seguito usando javascript
• Alla fine della pagina, includo il seguente frammento javascript
  <script type="text/javascript">
  document.getElementById(“banner728”).innerHTML = “codice banner pubblicitario desiderato”;
  </script>
  Questo codice trova il segnaposto "banner728" che ho impostato sopra e inserisce il banner pubblicitario nel <div>. Poiché questo script si trova alla fine del file, viene caricato per ultimo dopo tutto il resto.

Non utilizzare il ridimensionamento delle immagini HTML

Un errore comune che vedo molti neofiti è fare affidamento su html per ridurre e ridimensionare le immagini. Sebbene questa tecnica funzioni e sembri innocua, ucciderà assolutamente le prestazioni del tuo sito web.

Il motivo è che l'intera immagine originale deve essere caricata prima di essere visualizzata anche se stai mostrando solo un'immagine molto più piccola.

Per evitare di cadere in questa trappola, assicurati di dedicare del tempo a ridurre l'immagine alle dimensioni desiderate prima di visualizzarla sul tuo sito. Non basta estrarre le immagini direttamente dalla tua fotocamera digitale.

Ottimizza le tue immagini

L'occhio umano perdona molto di più la qualità dell'immagine quando guarda un'immagine autonoma sul monitor di un computer. Pertanto, puoi farla franca con immagini di qualità molto inferiore per il tuo sito web.

Assicurati di ottimizzare e ridurre le immagini il più possibile prima di visualizzarle sulla tua pagina. Scelgo spesso una qualità JPEG del 50 percento o meno utilizzando Photoshop con le immagini sui miei siti.

Se stai usando GIF, assicurati di non utilizzare una tavolozza di colori più grande di quella di cui hai veramente bisogno. Se riesci a farla franca con solo 16 colori, scegli la tua GIF con solo una tavolozza di 16 colori.

Analizza tutte le tue GIF per assicurarti che nessuna delle fessure di colore venga sprecata dai duplicati.

Ospita video e immagini di grandi dimensioni con una terza parte

A meno che tu non stia ospitando il tuo sito Web su un insieme robusto di server, i ricchi contenuti multimediali rallenteranno il tuo sito a passo d'uomo. In generale, è molto più economico ospitare i tuoi video e file più grandi su un servizio di terze parti con un'infrastruttura più robusta che supporta meglio lo streaming.

Ad esempio, invece di ospitare video sul tuo server, perché non utilizzare YouTube o Vimeo? Se vuoi possedere i contenuti che produci, puoi anche pagare e utilizzare un servizio come S3 di Amazon. Lascia il contenuto ad alta larghezza di banda per i ragazzi grandi.

Evita di utilizzare codici di terze parti o immagini collegate a hotlink

Ogni volta che colleghi un'immagine o sfrutti il ​​codice ospitato su un altro server, metti a rischio la velocità del tuo sito web. Se il server di terze parti è lento o inattivo, potrebbe anche bloccare il tuo sito Web, quindi è importante ridurre al minimo l'uso di codice di terze parti.

Inoltre, ogni volta che il tuo sito accede a un server di terze parti, deve essere effettuata una ricerca DNS che può richiedere un po' di tempo a seconda della congestione della rete.

Qualche centinaio di millisecondi di ritardo potrebbe non sembrare molto, ma se stai estraendo codice da 10 server diversi, queste ricerche possono aggiungere fino a diversi secondi di latenza.

Approfitta della memorizzazione nella cache e della compressione

La maggior parte della maggior parte dei siti Web sono testo e il testo si comprime molto bene. Ecco perché se abiliti la compressione sul tuo server, puoi ridurre i tempi di download fino al 75%.

Sfortunatamente, non tutti i webhost condivisi hanno la compressione abilitata sui loro server. Se il tuo sito web si trova su un host web condiviso, assicurati di chiedere loro se i loro server supportano mod_deflate o mod_gzip.

Se la compressione è supportata dal tuo server, assicurati di abilitarla sul tuo sito web seguendo i passaggi descritti in questo articolo. Se stai usando WordPress, il plugin WP-SuperCache gestisce già la compressione per te.

Oltre alla compressione, puoi velocizzare il tuo sito memorizzando nella cache le pagine a cui si accede comunemente sul tuo sito web. Per il nostro negozio online, in realtà faccio un ulteriore passo avanti e creo pagine statiche per pagine Web molto trafficate che non cambiano molto spesso.

La velocità è importante

È probabile che qualcuno là fuori stia probabilmente visualizzando il tuo sito Web su una connessione molto più lenta della tua. E devi sempre tenere conto del minimo comun denominatore per massimizzare il potenziale di profitto del tuo business online.

Sono rimasto piuttosto scioccato nel vedere che il nostro negozio online ha ancora clienti dialup! Se li ho ancora, potresti farlo anche tu.