Verificare i tempi di caricamento di un Sito

Quando si è affrontato l'argomento della grafica per il web, si sono delineate le differenze tra la progettazione grafica per un uso cartaceo ed un uso web ed abbiamo visto come la fruizione del web attraverso diversi browser ponesse dei problemi di visualizzazione. Ho infine segnalato un sito che ci aiuta a vedere il risultato finale attraverso browser diversi senza dover per questo tenere sul nostro computer tutti i browser necessari.

Per rivedere l'articolo di febbraio 2008 clicca su " Ottimizzazione Browser "

Oggi voglio invece porre l'attenzione sui tempi di caricamento di una pagina web.
Naturalmente chi costruisce il sito web ha la possibilità di dare libero sfogo alla propria creatività anche con intro filmate eccezionali.
Ma quanto questo influirà sui tempi di attesa per il caricamento della pagina e quanto influirà sulla decisione dell'utente di chiudere il sito per rimandare a "forse mai" la decisione di tornare per rivederlo con calma?

Questo interrogativo resterebbe se continuassimo a vedere il sito web direttamente dal computer su cui è stato creato.

Proviamo a vederlo invece attraverso il server su cui lo abbiamo caricato e attraverso vari computer e browser ed esaminiamo il tempo di caricamento delle singole pagine.

Bella impresa vero? Spostiamoci su vari computer configurati diversamente, cronometriamo i tempi per decidere se accorciare ed alleggerire il peso di quanto inserito.

Anche stavolta ci viene in aiuto una semplice applicazione on-line che fa proprio tutto questo per noi.

Basta collegarsi al sito Webwait, inserire l'indirizzo della pagina web che si vuole monitorare.
Il tempo intercorrente dal click sull'avvio dell'analisi ed il tempo che si componga la prima immagine del sito nell'anteprima a destra sarà il tempo di apertura del sito. Nella finestra del contatore continuerà ad apparire lo zero ma avrete già un'idea di cosa comincerà a vedere il visitarore. Dopo che tutta la pagina sarà completamente visibile così come è composta nella sua interezza, apparirà nella finestra il risultato del contatore.
Quello visualizzato sarà il tempo medio che impiegherà il sito sui tre browser principali Explorer, Mozilla, Opera per completare l'intero caricamento.

Il test effettuato su photoXgraph ha dato come risultato un tempo di caricamento di oltre 16 secondi evidenziando l'enorme appesantimento dato dalle immagini floreali in coda al sito e dai gadget aggiunti : Google Adsense, Criteo e Feedjit.

Un buon strumento quindi per prestare attenzione ai gadget, testando il caricamento del sito prima e dopo l'aggiunta dei vari gadget reperibili in rete e soprattutto per verificare se prima di catturare l'attenzione di chi ci guarda non sia intervenuto tanto di quel tempo che il nostro spettatore non abbia deciso di alzarsi ed andare a fare altro.

Provatelo e ditemi se può essere utile.

Simulare la pittura con il digitale

Per ottenere pennellate che richiamino la pittura ad acquerello attraverso dei programmi digitali, uno dei migliori programmi è Painter X della Corel.

Indubbiamente la raccolta di pennelli a setole realistiche, materiali artistici e texture digitali esclusivi, che riproducono l’aspetto e gli effetti degli strumenti tradizionali ne fanno uno dei software più completi per simulare la pittura tradizionale.


Se è un uso artistico e costante che bisogna farne non dispiacerà spendere gli oltre 400 euro necessari per acquistarlo, soprattutto ora che è in offerta fino al 31 dicembre 2008 ad un prezzo scontato del 50 per cento.

Ma se siamo già abituati ad usare Photoshop e l'effetto che ricerchiamo è la pennellata ad acquerello, c'è un sistema più economico.

Sempre ricorrendo a raccolte di "brushes" possiamo simularne l'effetto.

Una delle migliori perchè comprende pennelli ad alta definizione è quella offerta da Chris Spooner.

Gli effetti di pennellata ottenibili sulla versione CS3 sono questi:


Con l'utilizzo di pennelli di questo tipo:

Naturalmente scaricando l'intero pack di oltre 10 megabyte si potrà scegliere tra i diversi effetti e combinandoli tra loro il risultato è di sicuro effetto.

Il link per effettuare il download : Abr (10,80 mb)

Se poi vi incuriosisce soprire chi è il graphic designer Chris Spooner e quali altri risorse grafiche mette a disposizione potete trovarlo sul suo blog : Spoongraphic

Il visualizzatore dei pennelli lo trovate in questo articolo:Visual brushes

Visualizzatore di brushes per Mac

Negli articoli precedenti ho segnalato numerose raccolte di brushes, i famosi pennelli per photoshop, indicandone dove trovarne sfusi o in megapack.
Naturalmente una tale quantità di pennelli non può essere caricata indiscriminatamente sia per non "affaticare" il nostro programma sia per non creare un eccessivo disordine per la nostra vista.
Un visualizzatore di pennelli, come quelli previsti per i font, ci risolverebbe il problema.
Il primo che ha creato un programma del genere, nel 2005 è stato un italiano, Luigi Bellanca , che in appena 58 kb ha creato un'ottimo sistema per ottenere la previsualizzazione dei pennelli prima di procedere con l'istallazione definitiva in Photoshop.
Il suo programma opensource solo per windows con le modifiche successive è scaricabile da Sourceforge.net .


Ma senza nulla togliere alla sua idea ed alla bontà del suo programma, quello di cui volevo parlarvi è un programma relativamente più recente, dell'anno scorso, che funziona sui Mac, la piattaforma preferita dai grafici.

L'abrview con estensione jar è scaricabile da questo link : easyelementsextra.com/ABRView

Naturalmente è disponibile la versione anche per windows che necessita però della tecnologia java 6 per funzionare: Beta per windows.

Il programma italiano non necessita di istallazione, basta decomprimere il rar scaricato in una cartella in cui consiglio di sistemare anche tutta la raccolta di pennelli scaricati.

Il secondo consigliato necessita di istallazione ma il risultato finale sarà per entrambi di poter visualizzare tutti i pennelli ed installare e disinstallare solo quelli che riteniamo utili al momento.

Sullo stesso sito, giacchè vi trovate per scaricare il programma, potete approfittare per scaricare qualche altro pacchetto di pennelli gratuiti per Photoshop .

link: http://www.easyelements.com/

myDraft - il segnala "graphicnews"

Dopo il new look di Draft, l'effervescente Damiano Falchetti lancia un'altra iniziativa, un segnalatore di news, tipo OKNOtizie per intenderci, ma di nicchia, riservato cioè alle sole notizie di grafica.

Ma per capire esattamente di cosa si tratta facciamoglielo presentare direttamente .

Cos'è myDraft?

myDraft è il nuovo strumento di editoria sociale in cui i creativi possono proporre notizie o altre risorse interessanti che trovano in giro per la rete, legate al mondo della grafica.

Gli stessi utenti possono votare le notizie (o le risorse) utilizzando il tasto vota, valorizzandone l’importanza e permettendone così la promozione alla pagina principale del sito.

myDraft è quindi un’applicazione collaborativa dove non esistono redazioni, siete voi lettori gli artefici di questa fonte di informazione democratica senza filtri.

Questa applicazione di editoria sociale rende quindi più agevole la vostra ricerca di informazioni, con la garanzia delle valutazioni date da tutta la comunità creativa di myDraft.

link: http://www.draft.it/my/

Svelata la ricetta per creare un aggregatore

La nascita di sempre nuovi aggregatori di contenuti ed il sistematico esponenziale successo di questa forma di comunicazione sul web mi ha spinto ad indagare cosa muove questo tipo di scelta e perché.

Non ci crederete ma questa è la ricetta per far nascere un aggregatore di contenuti.

Prendete un gruppo di ragazzi, unite un pizzico di sana passione, una buona dose di informatica open-source, il profumo della buona cucina, manciate di voglia di amalgamarsi insieme al desiderio di condivisione e diffusione del sapere, aggiungete a volontà tante gocciole di sana umiltà e per finire descrivete chiaramente gli ingredienti. Miscelateli, lasciate il tempo di lievitare ed a cottura ultimata un prodotto genuino da gustare tranquillamente ogni giorno e comodamente a casa.

Insieme alla ricetta vi presento l'etichetta:

Vittima di una pressante intervista è stato il povero Roberto, dello staff de il Bloggatore, tartassato di domande.
Gli devo riconoscere la generosa disponibilità alla mia curiosità di conoscere le motivazioni che spingono al creare dei siti, il cui scopo non è il proporre se stessi ma promuovere il lavoro degli altri.

Nell’intervista su questo modello di comunicazione on-line traspare con una certa evidenza la soddisfazione di Roberto nel vedere il progetto, dei “quattro amici al bar”, diventare un modello apprezzato quotidianamente e come dalla miscela di tutti quegli elementi della ricetta è nato il sito.

Naturalmente, come tutti coloro che sanno viversi e gustarsi il quotidiano, alla mia domanda su quale futuro vi siete prefissati, tra lo scaramantico ed il misterioso ha risposto:

Per il futuro abbiamo in programma diverse cose carine, ma per il momento preferiamo lavorarci sopra. Non ne parlerò per non rovinarvi la sorpresa ;)

Oltre il Bloggatore come aggregatore hanno anche un altro sito in cui dare libero sfogo alla passione informatica ed ai propri contenuti:

...Beh, prima di tutto, il nostro ambito è l'informatica a 360 gradi. Non solo Linux (non ci appassionano le diatribe sul migliore Sistema Operativo) e non soltanto computer.

Bensì anche cellulari, curiosità dal mondo informatico e ultime novità!

…Abbiamo anche blog tematici con contenuti creati da noi. Esempio:
http://www.space4tutorial.com.

Ed ancora

… crediamo sul serio nello sviluppo della visibilità dei blog iscritti...

Non ci piacciono quegli aggregatori che poco fanno per i propri blog. Noi miriamo a creare collegamenti verso i blog originari, per fornire un reale servizio di promozione...

…Offriamo servizi paralleli (come la newsletter) e promuoviamo eventi (come per il LinuxDay 2008, ad esempio).

Insomma, cerchiamo di favorire anche l'incontro tra i vari partner.

Ma a Serena (che poi sarei io) piace andare sul pratico e la domanda successiva, sperando di non risultare troppo invadente, non poteva mancare per capire se si tratta di modelli di volontariato sociale o di business:

- che ritorni di immagine od economici avete ottenuto?

La risposta di Roberto punta sull’immagine:

Il ritorno principale, cioè quello che ci ha dato la maggiore soddisfazione, è quello dato dall'analisi delle visite. Vediamo ogni giorno aumentare i lettori e riceviamo manifestazioni di stima, via email, tramite l'apposito form e/o i commenti.
Pensiamo che ci sia ancora spazio per far crescere "Il Bloggatore", per cui continuiamo così come abbiamo fatto dall'inizio ;)

Non volendo rubargli altro tempo ed avendo quella sana curiosità che mi spinge a saper aspettare per vedere l’evoluzione dei progetti nel tempo ho terminato l’intervista con il classico: “ Ci risentiremo”

ricambiato dal cordiale Roberto con:

E' un piacere rispondere alle tue domande!

Per maggiori info il link a : il Bloggatore: chi siamo
Per email o iscrizioni: il Bloggatore: registra blog