Chiunque sia proprietario di un sito web, vorrebbe che per mezzo di una grafica accattivante, esso lasci i suoi visitatori stupefatti. Ma solitamente quando andiamo a richiedere un sito web ricco di grafica, questo ci viene sconsigliato perché si rischia di appesantire troppo la pagina.
Per mezzo di questo articolo cercheremo di capire come riuscire a mantenere un web design attraente che possa essere scaricato velocemente.
Nonostante l’incremento del tasso medio della banda di internet, il problema di un sito web con un design ricco di immagini è quello che rischia di impiegare MINUTI per essere caricato, questo ha come conseguenza diretta l’abbandono del sito web da parte degli utenti che cercano sempre informazioni immediate.
Sono i dettagli che fanno la differenza quindi, quanti di voi erano a conoscenza del fatto che si potesse fare un box con gli angoli arrotondati soltanto utilizzando del codice CSS?
Questo semplice esempio, è una potente strategia che permette di ottenere un notevole risparmio di tempo dovuto al fatto che non utilizziamo alcuna immagine per creare il nostro box. Ma per fare questo bisogno avere una elevata conoscenza del Css. Questo problema molto comune è dovuto al fatto che al lavoro di web design non è affiancato un lavoro di ottimizzazione da parte di un webmaster.
C’è chi afferma che a volte bisogna dare delle limitazioni ai web designer perché la loro implementazione per mezzo di applicazioni grafiche non è compatibile con le forme di programmazione attuali ma io penso che in realtà questo non sia vero, una tecnica spesso utilizzata consiste nel ritagliare in piccoli pezzetti intere immagini, coglierne gli aspetti utili per ricreare la stessa struttura in fase di programmazione. Per mezzo di questa tecnica sarà quindi possibile avere il design desiderato e la leggerezza desiderata.
Ma come fare un taglio efficiente e come rendere la nostra pagina più veloce da caricare?
Ecco degli utili consigli:
· Fare dei piccoli tagli in modo tale da avere fette con un numero limitato di colori.
· Non avere la stessa struttura grafica all’intero di una fetta, ma scomporla e duplicarla all’interno del codice.
· Non utilizzare solo immagini in PNG o JPG per le nostre immagini ma quando è possibile prendere in considerazione anche il formato GIF.
· Se abbiamo del testo in uno sfondo a tinta unita, è possibile utilizzare il codice CSS per riprodurre lo sfondo senza l’utilizzo delle immagini.
Ma ottimizzare una pagina web non significa solo saper fare ottimizzazioni delle immagini utilizzando il classico CSS. E’ importante imparare a scoprire i vantaggi del CSS2, degli JavaScript che ti possono permettere di avere gli stessi risultati del FLASH ma senza sovraccaricare la pagina.

Infine c’è chi si proietta già al futuro, chi pensa alla banda larga come soluzione al problema di ottimizzazione grafica.
Io non sono molto d’accordo su questo punto non solo perché si perdono i concetti ed i principi fondamentali dell’ottimizzazione, ma si rischia pure di perdere il modo giusto di ragionare ed interpretare il browser.
Al prossimo articolo
Aurelio Rapisarda