12 regole magiche per il successo di un sito

un articolo di Gianfranco Viasetti

Sei alla pagina della regola n. 2 -> Qui trovi l'indice delle 12 regole

Regola n. 2 - Il sito deve avere pagine veloci

Creare pagine veloci da caricare è semplice

Creare pagine veloci da caricare è una delle cose più semplici e alla portata di tutti ed è anche una delle prime regole per creare siti "usabili" da chiunque. Sorprende quindi particolarmente vedere quanti siti web non rispettano questa regola, dando forse per scontato che tutti i visitatori abbiano l'ADSL. Il 5% delle aziende in Italia ne è tuttora priva (Dicembre 2008).

Vuoi rischiare di perdere clienti solo perché non hanno ancora una connessione a banda larga?

Per creare pagine veloci da caricare basta rispettare semplici norme: non inseriamo immagini grandi se non è necessario. Le fotografie dovrebbero essere salvate in formato JPG compresso a circa il 60%.

Quasi tutti i programmi di elaborazione fotografica consentono di scegliere la percentuale di compressione desiderata. Noi utilizziamo Adobe Photoshop CS3, ma anche programmi decisamente meno costosi e meno professionali hanno questa opzione, come ad esempio Photoshop Elements, che potete trovare incluso in diversi scanner o fotocamere digitali o acquistare per meno di 100 Euro.

Evitare l'abuso di GIF animate, a meno che abbiano poche animazioni. Evitare anche i filmati in FLASH che, oltre a rendere problematico un buon posizionamento nei motori, richiedono talvolta lunghi ed inutili tempi di attesa, con la conseguenza di annoiare i visitatori e di spingerli ad andare a cercare altrove le informazioni.

I pulsanti che si muovono o cambiano colore quando passiamo con il mouse sono carini da vedersi ma talvolta allungano i tempi di caricamento e riducono l'accessibilità e l'usabilità del sito: chiediamoci se davvero ne abbiamo bisogno, o meglio, se i nostri utenti ne hanno bisogno. Se riesce a farne a meno Google forse anche noi possiamo rinunciarvi. Le pagine dovrebbero inoltre essere stampabili facilmente.

Questo sito apparentemente non rispetta questa regola in quanto nella parte alta delle pagine vi sono proprio i "pulsanti" che (sembra) sconsigliamo di utilizzare. Solo apparentemente però. I pulsanti colorati che vedete sul nostro sito, contrariamente a quelli presenti sul 99% degli altri siti che usano pulsanti animati, non fanno uso di routine Javascript o Flash, ma sono stati programmati con una tecnica particolare: usano solo istruzioni HTML e CSS.

Se provate a stampare alcune pagine di siti web scelti a caso vi accorgerete di quanto sia alta la percentuale dei siti che non consentono la stampa corretta dei loro contenuti, specialmente se abbiamo un browser come IE 5 o 6, e la maggioranza degli utenti usa questi. E' vero che è possibile ricorrere al copia/incolla in Word o ad accorgimenti di altro genere, ma il 90% degli utenti non li usa o non li conosce.

Come risultato molte pagine vengono tagliate sul lato destro o in basso (le pagine con frame superiori e inferiori ad esempio) rendendo impossibile la stampa corretta. Immaginate il titolare di un'azienda che ha incaricato la segretaria di cercare in internet chi vende un certo prodotto e di portargli poi le pagine stampate (molti fanno esattamente questo). Pensate che sarà felice di trovarsi dei testi troncati? Potrebbe rivolgersi ad un vostro concorrente solo per questo motivo.

Se non vengono stampati i pulsanti di navigazione è una cosa, se vengano troncate le righe è un'altra cosa. Creare pagine che utilizzano fogli stile CSS rende il caricamento delle pagine successive alla prima molto veloce in quanto il layout di tutte le pagine del sito è spesso comune e gestito da un unico foglio stile, il quale, una volta aperto rimane memorizzato nella cache del disco del visitatore.

Per saperne di più su come creare fogli stile CSS vedi l'articolo sui fogli stile CSS. Vuoi saperne di più sui vantaggi dei fogli CSS o su altri modi per rendere veloce il caricamento di una pagina? Contattaci.