La velocità di connessione è in continuo aumento e molti utenti sono ormai collegati in banda larga. Ciò potrebbe portare a sottovalutare l'importanza di usare pagine "leggere", che occupano poco spazio.
Bisogna tuttavia considerare che in generale:
- maggiore è la dimensione (in Byte) di una pagina,
maggiore è il tempo necessario per il suo caricamento;
- gli utenti che navigano con tariffe a consumo (es. da
cellulare) o in condizioni di banda non ottimali, sono
penalizzati da pagine pesanti;
- in generale gli utenti abbandonano facilmente un sito lento a caricarsi
Per tutte queste ragioni è importante cercare di mantenere leggere le proprie pagine, soprattutto per quanto riguarda le dimensioni dei file multimediali (immagini, musica, video).
Per quanto riguarda le immagini, è importante che le dimensioni reali siano indicate attraverso gli attributi width e height:
o meglio ancora con gli stili:
Indicando le dimensioni, il browser non deve aspettare il caricamento completo dell'immagine per poter disporre gli altri elementi sulla pagina e l'utente che naviga con banda ridotta può decidere di interrompere il caricamento, senza compromettere il resto della pagina.
E' anche importante che, quando si desidera ridimensionare un'immagine, questo venga fatto agendo sul file originale e non riducendo le dimensioni nel tag img. Infatti in quest'ultimo modo il tempo di caricamento sarebbe sempre uguale, dal momento che l'immagine verrebbe mostrata ridimensionata, ma sarebbe comunque caricata per intero.
In caso di gallerie di immagini, è importante usare thumbnail, cioè piccole anteprime cliccabili, che consentano all'utente di decidere se vuole visualizzare un'immagine a dimensione piena oppure no.
Quando nel sito è presente un link per scaricare un file (es. un pdf), è importante indicare nel link anche le dimensioni del file in modo che l'utente possa decidere se procedere al download oppure no:
precedente
Sito realizzato in base al template offerto da
http://www.graphixmania.it
