Quante volte ti sei sentito frustrato cercando di aprire una pagina web che ci mette troppo tempo a caricare? Esistono dei siti con tonnellate di video, immagini e grafiche stravaganti che saranno sicuramente molto belle, ma se il mio fornitore di servizi internet non offre una velocità di connessione che riesca a stare al passo, allora non fanno altro che aumentare la mia frustrazione che crescendo mi farà venire voglia di lasciare il sito web per andarne a visitare un altro.

Photo credit: mipan

Se sei un editore online allora il tempo con cui i tuoi lettori riescono a caricare le pagine del tuo sito web deve diventare un fattore critico di assoluta rilevanza. Ricordati che se si superano i cinque secondi di attesa allora l'impazienza inizia a sentirsi e dopo 10 secondi molti dei tuoi lettori avranno già lasciato il tuo sito.

Nel report che segue è stata testata la dimensione e il tempo di caricamento delle homepage dei primi cento blog della classifica di Technorati. Quanto tempo ci mette un lettore a visualizzare la homepage di ognuno di questi siti molto famosi?

Pingdom, un servizio web specializzato nel monitorare la disponibilità e il tempo di risposta dei siti web, si è armato di strumenti specializzati nell'analisi del caricamento delle pagine web per scoprire più da vicino l'effettivo tempo di caricamento delle pagine di questi siti.

Introduzione di Daniele Bazzano

Tempo di Caricamento Dei Primi 100 Blog Della Classifica di Technorati

Introduzione

Questo report presenta un analisi dei primi 100 blog della classifica di Technorati. Per ognuno di questi blog è stata analizzata la homepage per vedere quanto è grande, quali sono i tempi di download e quali sono gli elementi che contribuiscono principalmente al peso della pagina.

Abbiamo scelto di non presentare in questa relazione ognuno dei blog individualmente, piuttosto ci siamo focalizzati sul gruppo in generale in modo da ottenere una visione più ampia.

Dimensione Complessiva Delle Homepage

Clicca sull'immagine per allargarla

La differenza di dimensione tra le homepage dei vari blog della classifica è forte. Alcune homepage sono vicine ai 6 MB di dimensione, anche se si tratta di un caso estremo e non deve essere considerato rappresentativo. Per la maggior parte delle homepage dei blog, il 93% circa, la dimensione si aggira intorno ai 2 MB.

• La media della dimensione totale delle homepage è di 934 KB.
• Il 35% ha una homepage più grande di 1MB.
• Il 26% ha una homepage più piccole di 500 KB.
• Il 39% (il segmento più grande) hanno una homepage compresa tra i 500 KB e 1MB.

Immagini e Script Che Contribuiscono al Peso Della Pagina

Clicca sull'immagine per allargarla

Guardando la media di tutti i primi 100 blog della classifica di Technorati è emerso in maniera chiara che le immagini sono l'elemento che contribuisce in maniera predominante al peso delle homepage, e di per se questa informazione non dovrebbe sorprendere visto che oggi i blog hanno tantissime componenti visive formate da immagini.

• Immagini: 61.3%
• Scripts: 17.2%
• HTML: 15.3%
• CSS

Numero di Immagini Per Pagina

Clicca sull'immagine per allargarla

In media ci sono 63 immagini presenti in ogni homepage dei blog presi in considerazione, sebbene il numero sia molto variabile. Qualcuna ha anche meno di 10 immagini, mentre altri ne hanno addirittura più di 100. Puoi vedere il modello i distribuzione nel diagramma dell'immagine qui sopra.

Oltre alle immagini contenute negli articoli bisogna calcolare anche le immagini che fanno parte del design del layout del blog, ecco spiegato quindi il motivo dell'enorme numero di immagini trovate nei blog. Infatti sia le immagini incluse nell'HTML che quelle incluse nel CSS sono state prese in considerazione in questo conteggio.

Numero di Script Per Pagina

Clicca sull'immagine per allargarla

In media ci sono nove script in ogni homepage e anche in questo caso il numero può essere molto variabile tra blog differenti. In alcune pagine si è arrivato a contare fino a 35 script.

I script sono spesso inclusi in risorse esterne, per esempio nei codici dei servizi di statistiche come Google Analytics e Sitemeter. Altri esempi possono essere i plugin di Wordpress, che spesso aggiungono i loro Javascript ai file del blog.

Consigli Strategici Chiave

a) Lettori Senza Una Connessione a Banda Larga

Come questa indagine ha dimostrato, tre blog su quattro hanno dimensioni superiori ai 500 KB, e più di un terzo hanno homepage di dimensioni superiori a 1MB.

Ecco quanto tempo ci metterebbero vari tipi di connessione a scaricare 1 MB di dati:

• 56 kbit/s modem: 2 minuti e 30 secondi
• 256 kbit/s (limite minimo per la banda larga): 33 secondi
• 384 kbit/s (3G "bassa velocità"): 22 secondi
• 1 Mbit/s (low-end a banda larga): 8,4 secondi
• 10 Mbit/s: 0,84 secondi

Si noti, tuttavia, che questo presuppone che la velocità di banda utilizzata sia al 100%, il che normalmente non succede mai. I numeri scritti sopra mostrano solo il limite massimo teorico.

In breve, i lettori del blog con connessioni più lente avranno problemi di caricamento con le homepage di molti dei blog di oggi, almeno se hanno abilitato la visualizzazione delle immagini.

b) Ottimizzazione Della Dimensione e Della Velocità Dei Blog

Dal momento che in media le immagini costituiscono quasi i due terzi delle dimensioni di tutta la pagina, sembrerebbe logico iniziare a ottimizzarle. Questo può essere fatto in due modi (che non si escludono a vicenda):

1. Ottimizzare le dimensioni delle immagini. A seconda del loro contenuto, le dimensioni di un'immagine possono essere ottimizzate con la scelta di un formato appropriato, del giusto livello di compressione, la profondità di colore, e le altre impostazioni.
2. Utilizza un numero inferiore di immagini (molti blog hanno un gran numero di piccoli elementi in formato immagine). Ciò avrà anche l'effetto positivo di fare un minor numero di richieste verso il server, il che è vantaggioso anche per le prestazioni. Un modo di avere un minor numero di immagini è utilizzare cosiddetti sprite, in cui diverse immagini sono memorizzate in uno.

Poichè gli script sono il secondo tipo di elementi più pesanti in termini di dimensione, allora ecco alcuni consigli che possono essere applicati per ridurre l'impatto degli script sul caricamento delle pagine:

• Può essere una buona idea, se è possibile, ridurre il numero di script usati sul blog. Sono davvero tutti necessari? Ci sono dei plugin di Wordpress che non utilizzi più e che potresti disinstallare?
• Dal momento che la riduzione del numero di richieste al server è un ottimo modo per migliorare le prestazioni, spesso è una buona idea riunire tutti i tuoi script (o almeno una parte di essi) in un unico file.
• Un altro fattore da considerare è l'inclusione di script esterni, il tempo di caricamento delle pagine del blog può essere seriamente influito da errori di caricamento di script esterni che non sono sotto il diretto controllo del proprietario del blog.

Questi sono solo alcuni consigli possibili per quanto riguarda queste specifiche aree. L'ottimizzazione dei siti web sono un argomento molto grande e se continuassimo nei dettagli usciremmo fuori dalla tematica del report.

Conclusioni

Ci saranno sicuramente della variazioni di dimensioni che dipendono dai contenuti presenti al momento dell'analisi, ma in generale, la media sembra essere affidabile e rilevante, specialmente se si pensa al grande campione di base preso in considerazione.

Poiché molti blog cercano di attirare un gran numero di lettori, offrirebbero ai loro stessi utenti un disservizio se lasciassero le dimensioni delle loro pagine così grandi, il che ovviamente si traduce in una lentezza nel caricamento del blog. La funzionalità di caching dei browser aiuta i lettori che frequentano spesso il tuo sito, ma ogni nuovo visitatore e anche i visitatori sporadici caricheranno ogni volta la pagina per intero e alcuni di loro potrebbero abbandonare il tuo sito prima che finisca il caricamento, in quanto proveranno frustrazione nell'attendere (e nessuno vuole dei lettori frustrati).

Anche gli utenti che utilizzano una connessione a banda larga potrebbero trarre vantaggio da pagine di piccole dimensioni con un numero inferiore di oggetti. Anche per loro il tempo di risposta potrebbe migliorare. In ultima analisi una ottimizzazione delle dimensioni sarebbe anche utile per il proprietario del blog in quanto ci sarebbero meno richieste al server e meno richiesta di banda passante.

Ho il sospetto che non tutti i proprietari di blog siano davvero consapevoli di quanto siano effettivamente pesanti le loro pagine web, così mi auguro che questo report si rivelerà utile e che si crei una discussione proficua intorno a questo tema. Basterebbe prendere le semplici misure che ho consigliato sopra per notare subito dei miglioramenti.

N.B.: I dati sono collezionati nella pagina completa del test di PingDom, che è un servizio fornito gratuitamente da Pingdom. Questo strumento carica e analizza tutti gli elementi di una pagina web e offre dei dati precisi che possono essere analizzati e filtrati grazie a una semplice interfaccia web. Il test messi in piedi per questo report sono stai effettuati tutti il 30 Ottobre 2008.

Informazioni sull'autore

Pingdom è un servizio di monitoraggio della disponibilità e del tempo di risposta di siti web, server e servizi internet. Pingdom è stato fondato da Sam Nurmi, che precedentemente era stato CEO di una azienda di hosting svedese chiamata Loopia.

Photo credits:
Dimensione Complessiva Delle Homepage - Pingdom
Immagini e Script Che Contribuiscono al Peso Della Pagina - Pingdom
Numero di Immagini Per Pagina - Pingdom
Numero di Script Per Pagina - Pingdom
Lettori Senza Una Connessione a Banda Larga - Gino Santa Maria
Ottimizzazione Della Dimensione e Della Velocità Dei Blog - Lisa F. Young